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

У мене є список предметів, на який я переглядаю, з ng-clickдоданими до них: <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Я обробляю події клацання у fooфункції в моїй директиві, передаючи $eventяк посилання на об'єкт, на який натиснули, але я отримую посилання на imgтег, …

204 angularjs  angularjs-directive 

Мені потрібно виконати деякі операції над сферою та шаблоном. Здається, я можу це зробити і в linkфункції, або у controllerфункції (оскільки обидва мають доступ до області). Коли це так, коли мені потрібно використовувати linkфункцію, а не контролер? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, …

199 javascript  angularjs  angularjs-directive 

Я намагаюся створити директиву, яка б додала більше директив до елемента, про який заявлено. Наприклад, я хочу побудувати директиву , яка піклується про додавання datepicker, datepicker-languageі ng-required="true". Якщо я спробую додати ці атрибути, а потім використовувати, $compileя, очевидно, генерую нескінченний цикл, тому я перевіряю, чи вже додав потрібні атрибути: angular.module('app') …

197 javascript  angularjs  model-view-controller  mvvm  angularjs-directive 

Я думаю, що це одна з найскладніших концепцій для мене, яку можна зрозуміти з директивою angularjs. У документі http://docs.angularjs.org/guide/directive зазначено: transclude - складіть вміст елемента та зробіть його доступним для директиви. Зазвичай використовується з ngTransclude. Перевага виключення полягає в тому, що функція зв'язування отримує функцію переключення, яка попередньо пов'язана з …

195 angularjs  angularjs-directive 

Коли я повинен використовувати transclude: 'true'і коли transclude: 'element'? Я не можу нічого знайти transclude: 'element'в кутових документах, вони досить заплутані. Я був би радий, якби хтось міг пояснити це простою мовою. Яка перевага кожного варіанту? Яка між ними реальна різниця? Це те, що я знайшов: transclude: true Всередині функції …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

У мене є власний тег у routeProviderшаблоні, який викликає directiveшаблон. versionАтрибут буде заселена обсяг , який потім викликає для правильного шаблону. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Існує кілька версій гімну, залежно від тижня та дня, який це. Я очікував використовувати директиву для заповнення правильної .htmlчастини. Змінна не читається templateUrl. …

169 angularjs  angularjs-directive 

У мене є директива форми, яка використовує вказаний callbackатрибут із ізоляційною областю: scope: { callback: '&' } Він знаходиться всередині, ng-repeatтак що вираз, який я передаю, включає idоб'єкт як аргумент функції зворотного виклику: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Коли я закінчив з директивою, вона дзвонить $scope.callback()із …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

Я багато читав про використання цих символів для реалізації користувацьких директив в AngularJS, але ця концепція мені ще не зрозуміла. Я маю на увазі, що це означає, якщо я використовую одне із значень області в користувацькій директиві? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' …

151 angularjs  angularjs-directive  angularjs-scope 

Я почав дізнаватися про AngularJS і я збентежений у тому, які відмінності між директивами ng-appта data-ng-appдирективами.

147 angularjs  angularjs-directive 

Я лише починаю з angularjs і працюю над перетворенням декількох старих плагінів JQuery в директиви Angular. Я хотів би визначити набір параметрів за замовчуванням для моєї директиви (елемента), яку можна змінити, вказавши значення параметра в атрибуті. Я роздивився , як це робили інші, і в бібліотеці з кутом ui ui.bootstrap.pagination, …

145 javascript  angularjs  angularjs-directive  options  default-value 

Як я можу викликати $watchзмінну в кутовій директиві, коли маніпулюють даними всередині (наприклад, вставляючи або видаляючи дані), але не призначаючи цьому об'єкту новий об'єкт? У мене зараз простий набір даних завантажується з файлу JSON. Мій кутовий контролер робить це, а також визначає кілька функцій: App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // …

132 javascript  angularjs  angularjs-directive 

Додаток, який я будую, вимагає від мого користувача встановити 4 фрагменти інформації, перш ніж це зображення навіть матиме можливість завантаження. Це зображення є центральною частиною програми, тож розірване посилання на зображення робить його схожим на те, що вся справа захищена. Я хотів би, щоб інше зображення зайняло своє місце на …

129 angularjs  angularjs-directive 

Чи має знак запитання після рівних особливе значення? тобто: scope: {foo: '=?'} чи означає вищезгадане "не викликати помилку, якщо" foo "неможливо вирішити?

127 angularjs  angularjs-directive 

Я пишу зразок заяви за допомогою angularjs. я отримав помилку, згадану нижче, в браузері Chrome. Помилка є Помилка: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Який представляє як Аргумент "ContactController" не є функцією, не визначений Код <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { $scope.contacts = ["abcd@gmail.com", "abcd@yahoo.co.in"]; $scope.add = …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

У мене є директива AngularJS, яка має templateUrlвизначене. Я намагаюсь перевірити це на Жасмін. Мій Жасмін JavaScript виглядає наступним чином за рекомендацією цього : describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compile_; $httpBackend …

122 angularjs  angularjs-directive  jasmine