Запитання з тегом «angularjs-directive»

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

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 = ''; this.scope.type …

118 javascript  jquery  angularjs  angularjs-directive 

Використовуючи Angularjs, мені потрібно показати екран завантаження (простий спінер), поки запит ajax не буде завершений. Запропонуйте будь-яку ідею з фрагментом коду.

117 angularjs  angularjs-directive 

У мене є вхід, який фільтрує список ng-повторів при зміні. Повторення містить велику кількість даних і займає кілька секунд, щоб усе профільтрувати. Я хотів би, щоб їх було 0,5 секунди, перш ніж розпочати процес фільтрації. Який правильний спосіб утворити цю затримку? Вхідні дані <input ng-model="xyz" ng-change="FilterByName()" /> Повторіть <div ng-repeat"foo …

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 { require: …

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

Я намагаюся видалити jquery з додатка Angular.js, щоб зробити його легшим, а замість нього поставив jqLite Angular. Але додаток використовує знахідки ("# id") і find (".classname"), які не підтримуються jqLite, лише "імена тегів" (відповідно до документації) цікавило, що ти вважаєш, що найкращим підходом до його зміни є Один із підходів, …

110 angularjs  angularjs-directive  jqlite 

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

102 angularjs-directive 

У мене є два контролери і ділитися даними між ними за допомогою функції app.factory. Перший контролер додає віджет у масив моделі (плагіни відображається) при натисканні на посилання. Віджет висувається в масив, і ця зміна відображається у представленні (для використання вмісту масиву використовується ng-повтор): <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 = true; scope.$digest(); …

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з дівом та якорем не оцінюють. Як змусити його …

96 angularjs  angularjs-directive 

У мене є директива з isolate-scope (щоб я міг повторно використовувати директиву в інших місцях), і коли я використовую цю директиву з an 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 для введення та підтвердження пароля. Я використовую це як на сторінці реєстрації, так і на сторінці змін-пароль. Ці дві сторінки мають контролер на кожній, частковий html …

93 angularjs  angularjs-directive  angularjs-ng-include