Вопросы с тегом «angularjs-directive»

Почему replace=trueили replace=falseне оказывает никакого влияния в коде ниже? Почему при replace = false не отображается «некоторый существующий контент»? Или, говоря более скромно, не могли бы вы объяснить, что это за replace=true/falseфункция в директивах и как ее использовать? пример JS / Angular: <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title = …

92 angularjs  angularjs-directive 

Я использую ngChange в AngularJS для запуска настраиваемой функции, которая удалит любые буквы, добавленные пользователем во ввод. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Проблема в том, что мне нужно настроить таргетинг на сработавший ввод, numbersOnly()чтобы я мог удалить введенные буквы. Я долго и упорно на Google и не смог найти что - …

92 javascript  angularjs  angularjs-directive 

Это контроллер основного шаблона: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); Это директива: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); Вот как …

92 javascript  angularjs  angularjs-directive  angularjs-scope 

Я пытаюсь показать или скрыть индикатор загрузки на кнопке, когда запрос занят. Я делаю это с помощью angular, изменяя переменную $ scope.loading, когда запрос загружается или когда он загружается. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; …

87 angularjs  angularjs-directive  ionic-framework 

Может ли кто-нибудь сказать мне, как включить контроллер из одной директивы в другую директиву angularJS. например, у меня есть следующий код var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); …

86 javascript  angularjs  angularjs-directive 

Как в Angular 2 замаскировать поле ввода (текстовое поле), чтобы оно принимало только числа, а не алфавитные символы? У меня есть следующий ввод HTML: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Вышеупомянутый ввод представляет собой общий текстовый ввод, который может использоваться как простое текстовое поле или как числовое …

86 html  angular  input  angularjs-directive 

Я пытаюсь настроить диалоговое окно подтверждения с ng-clickиспользованием настраиваемой директивы angularjs: 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 ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } …

85 javascript  angularjs  angularjs-directive  angularjs-scope 

У меня есть форма, которая, если флажок установлен в false, принудительно проверяет ввод текста с помощью директивы ng-required. Если флажок установлен в значение true, поле скрыто, а для параметра ng-required установлено значение false. Проблема в том, что у меня также есть регулярное выражение для проверки, указанное на входе, а также …

84 angularjs  angularjs-directive  angularjs-ng-change 

С изолированной областью видимости шаблон директивы, похоже, не может получить доступ к переменной контроллера ('Ctrl') $ rootScope, которая, однако, присутствует в контроллере директивы. Я понимаю, почему переменная $ scope контроллера ('Ctrl') не видна в изолированной области. HTML: <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> …

81 javascript  angularjs  angularjs-directive 

В этом документе: http://docs.angularjs.org/guide/directive говорится, что есть replaceконфигурация для директив: шаблон - заменить текущий элемент содержимым HTML. В процессе замены все атрибуты / классы переносятся из старого элемента в новый. См. Раздел «Создание компонентов» ниже для получения дополнительной информации. код javascript app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true …

81 angularjs  angularjs-directive 

Каков хороший способ модульного тестирования изолированной области в AngularJS JSFiddle, показывающий модульный тест Фрагмент директивы 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) { greet(element, name); }); } Я хочу убедиться, что директива отслеживает …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive