Câu hỏi được gắn thẻ «angularjs-directive»

Tôi đang sử dụng ngChange trong AngularJS để kích hoạt một chức năng tùy chỉnh sẽ xóa bất kỳ ký tự nào mà người dùng thêm vào đầu vào. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Vấn đề là tôi cần nhắm mục tiêu đầu vào được kích hoạt numbersOnly()để tôi có thể …

92 javascript  angularjs  angularjs-directive 

Tại sao replace=truehoặc replace=falsekhông có bất kỳ tác động nào trong đoạn mã dưới đây? Tại sao "một số nội dung hiện có" không được hiển thị khi Replace = false? Hoặc nói một cách khiêm tốn hơn, bạn có thể vui lòng giải thích replace=true/falsetính năng trong chỉ thị …

91 angularjs  angularjs-directive 

Đây là bộ điều khiển của mẫu chính: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); Đây là chỉ thị: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

Tôi đang cố gắng hiển thị hoặc ẩn chỉ báo đang tải trên một nút khi một yêu cầu bận. Tôi làm điều đó với angle bằng cách thay đổi biến $ scope.loading khi một yêu cầu đang tải hoặc khi tải xong. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() …

87 angularjs  angularjs-directive  ionic-framework 

Trong Angular 2, làm cách nào để tôi có thể che dấu một trường nhập liệu (hộp văn bản) để nó chỉ chấp nhận các số chứ không phải các ký tự chữ cái? Tôi có đầu vào HTML sau: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Đầu …

87 html  angular  input  angularjs-directive 

Bất cứ ai có thể cho tôi biết làm thế nào để bao gồm một bộ điều khiển từ một chỉ thị trong một chỉ thị angleJS khác. ví dụ tôi có đoạn mã sau var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', …

86 javascript  angularjs  angularjs-directive 

Tôi đang cố gắng thiết lập hộp thoại xác nhận trên ng-clickchỉ thị sử dụng lệnh anglejs tùy chỉnh: app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if …

85 javascript  angularjs  angularjs-directive  angularjs-scope 

Tôi có một biểu mẫu mà nếu một hộp kiểm là sai sẽ thực thi xác thực đối với đầu vào văn bản bằng cách sử dụng lệnh ng-Required. Nếu hộp kiểm là true, trường sẽ bị ẩn và ng-Required được đặt thành false. Vấn đề là tôi cũng có …

84 angularjs  angularjs-directive  angularjs-ng-change 

Với phạm vi cô lập, mẫu của chỉ thị dường như không thể truy cập vào biến điều khiển ('Ctrl') $ rootScope, tuy nhiên, biến này xuất hiện trong trình điều khiển của chỉ thị. Tôi hiểu tại sao biến phạm vi điều khiển ('Ctrl') $ không hiển thị trong …

81 javascript  angularjs  angularjs-directive 

Trong tài liệu này: http://docs.angularjs.org/guide/directive , nó nói rằng có một replacecấu hình cho các lệnh: mẫu - thay thế phần tử hiện tại bằng nội dung của HTML. Quá trình thay thế di chuyển tất cả các thuộc tính / lớp từ phần tử cũ sang phần tử mới. …

81 angularjs  angularjs-directive 

Cách tốt để kiểm tra đơn vị phạm vi cô lập trong AngularJS là gì JSFiddle hiển thị đơn vị thử nghiệm Đoạn mã hướng dẫn scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive 

Tôi đang cố gắng áp dụng hình nền cho một div bằng cách sử dụng góc ng-style(tôi đã thử một lệnh tùy chỉnh trước đó với cùng một hành vi), nhưng nó dường như không hoạt động. <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive …

76 javascript  angularjs  angularjs-directive  angularjs-ng-repeat  ng-style 

Chỉ thị xác thực tùy chỉnh này là một ví dụ được trình bày tại trang web góc chính thức. http://docs.angularjs.org/guide/forms Nó kiểm tra đầu vào văn bản có ở định dạng số hay không. var INTEGER_REGEXP = /^\-?\d*$/; app.directive('integer', function() { return { require: 'ngModel', link: function(scope, elm, attrs, …

76 unit-testing  angularjs  angularjs-directive 

Mã của tôi: app.directive('abcabc', function (){ alert('directive');}); // working nhưng app.directive('abcAbc', function (){ alert('directive');}); // not working ! app.directive('abc-abc', function (){ alert('directive');}); // not working ! Tôi có làm sai không? Hoặc có các quy tắc đặt tên đặc biệt cho chỉ thị Angular?

76 angularjs  angularjs-directive 

Tôi có một chỉ thị góc được khởi tạo như vậy: <conversation style="height:300px" type="convo" type-id="{{some_prop}}"></conversation> Tôi muốn nó đủ thông minh để làm mới chỉ thị khi $scope.some_propthay đổi, vì điều đó ngụ ý rằng nó sẽ hiển thị nội dung hoàn toàn khác. Tôi đã thử nghiệm nó như …

75 javascript  angularjs  angularjs-directive  angularjs-scope