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

У меня есть ввод текста. Когда ввод получает фокус, я хочу выделить текст внутри ввода. С jQuery я бы сделал это так: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Я искал вокруг, пытаясь найти способ Angular, но большинство примеров, которые я нахожу, …

121 angularjs  angularjs-directive 

У меня есть директива, у которой есть собственный контроллер. См. Код ниже: var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; …

118 javascript  jquery  angularjs  angularjs-directive 

Используя Angularjs, мне нужно показывать экран загрузки (простой счетчик), пока запрос ajax не будет завершен. Пожалуйста, предложите любую идею с помощью фрагмента кода.

117 angularjs  angularjs-directive 

У меня есть вход, который фильтрует список ng-repeat при изменении. Повторение содержит много данных и требует нескольких секунд, чтобы отфильтровать все. Я бы хотел, чтобы у них была задержка 0,5 секунды, прежде чем я начну процесс фильтрации. Как правильно создать эту задержку в angular? вход <input ng-model="xyz" ng-change="FilterByName()" /> Повторение …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Я хотел бы внести незначительные изменения в стороннюю директиву (в частности, в Angular UI Bootstrap ). Я просто хочу добавить в область действия paneдирективы: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return …

114 javascript  angularjs  angularjs-directive  angular-ui-bootstrap  bower 

Я пытаюсь удалить jquery из своего приложения Angular.js, чтобы сделать его светлее, и вместо этого поставил jqLite от Angular. Но приложение интенсивно использует find ('# id') и find ('.classname'), которые не поддерживаются jqLite, а только 'имена тегов' (согласно документации) Интересно, что, по вашему мнению, было бы лучшим способом изменить это. …

110 angularjs  angularjs-directive  jqlite 

Я хочу создать директиву, которая ссылается на атрибут. Атрибут определяет функцию, которая должна быть вызвана в области видимости. Но я также хочу передать аргумент функции, которая определяется внутри функции ссылки. <div my-method='theMethodToBeCalled'></div> В функции ссылки я привязываюсь к событию jQuery, которое передает аргумент, который мне нужно передать функции: app.directive("myMethod",function($parse) { …

103 angularjs-directive 

У меня есть два контроллера, и я делюсь данными между ними с помощью функции app.factory. Первый контроллер добавляет виджет в массив модели (pluginsDisplayed) при нажатии ссылки. Виджет помещается в массив, и это изменение отражается в представлении (которое использует ng-repeat для отображения содержимого массива): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Каков самый простой способ передать переменную области видимости AngularJS из директивы в контроллер? Все примеры, которые я видел, кажутся такими сложными, разве я не могу получить доступ к контроллеру из директивы и установить одну из его переменных области?

99 angularjs  angularjs-directive  ng-controller 

Если у меня есть директива, которая отвечает на статус определенного атрибута в области видимости, и я хочу изменить этот атрибут в моем тесте и убедиться, что он отвечает правильно, что является лучшим способом сделать это изменение? Я видел оба этих паттерна: scope.$apply(function() { scope.myAttribute = true; }); и scope.myAttribute = …

98 angularjs  angularjs-directive 

Plunker Link У меня есть элемент, к которому я хотел бы привязать html. <div ng-bind-html="details" upper></div> Это работает. Теперь вместе с ним у меня есть директива, привязанная к привязанному html: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Но директива upperс div и якорем не оценивает. Как заставить его работать?

96 angularjs  angularjs-directive 

У меня есть директива с изолированной областью (чтобы я мог повторно использовать директиву в других местах), и когда я использую эту директиву с ng-repeat , она не работает. Я прочитал всю документацию и ответы на Stack Overflow по этой теме и понимаю проблемы. Я считаю, что избежал всех обычных ошибок. …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Кажется, я не могу найти способ вызвать функцию в родительской области из директивы без использования изолированной области. Я знаю, что если я использую изолированную область видимости, я могу просто использовать «&» в изолированной области для доступа к функции в родительской области, но использование изолированной области, когда в этом нет необходимости, …

95 angularjs  angularjs-directive  angularjs-scope 

Мой шаблон AngularJS содержит настраиваемый синтаксис HTML, например: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Я создал директиву для его обработки: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } }, …

95 angularjs  angularjs-directive 

Я не совсем понимаю, когда использовать директиву, а когда более целесообразно использовать nginclude. Возьмем этот пример: у меня есть частичный, password-and-confirm-input-fields.htmlто есть html для ввода и подтверждения пароля. Я использую это как на странице регистрации, так и на странице смены пароля. Каждая из этих двух страниц имеет контроллер, а частичный …

93 angularjs  angularjs-directive  angularjs-ng-include