Вопросы с тегом «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, …

199 javascript  angularjs  angularjs-directive 

Я пытаюсь создать директиву, которая заботится о добавлении большего количества директив в элемент, для которого она объявлена. Например, я хочу создать директиву, которая позаботится о добавлении datepicker, datepicker-languageи ng-required="true". Если я пытаюсь добавить эти атрибуты и затем использовать их, $compileя, очевидно, создаю бесконечный цикл, поэтому я проверяю, добавил ли я …

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части. Переменная не …

169 angularjs  angularjs-directive 

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

160 javascript  angularjs  angularjs-directive  angularjs-scope 

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

151 angularjs  angularjs-directive  angularjs-scope 

Я начал , чтобы узнать о AngularJS и смущает о том, что различия между ng-appи data-ng-appдирективами.

147 angularjs  angularjs-directive 

Я только начинаю с angularjs и работаю над преобразованием нескольких старых плагинов JQuery в директивы Angular. Я бы хотел определить набор параметров по умолчанию для моей директивы (element), который можно переопределить, указав значение параметра в атрибуте. Я оглянулся на то, как это сделали другие, и в библиотеке angular-ui, похоже, ui.bootstrap.pagination …

145 javascript  angularjs  angularjs-directive  options  default-value 

Как я могу активировать $watchпеременную в директиве Angular при манипулировании данными внутри (например, вставляя или удаляя данные), но не назначать новый объект этой переменной? У меня есть простой набор данных, который в настоящее время загружается из файла JSON. Мой контроллер Angular делает это, а также определяет несколько функций: App.controller('AppCtrl', function …

132 javascript  angularjs  angularjs-directive 

Приложение, которое я создаю, требует, чтобы мой пользователь установил 4 элемента информации, прежде чем это изображение даже сможет загрузиться. Это изображение является центральным элементом приложения, поэтому из-за неработающей ссылки на изображение может показаться, что все это работает. Я бы хотел, чтобы другое изображение заняло место на 404. Любые идеи? Я …

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определенным файлом. Я пытаюсь провести модульное тестирование с помощью Jasmine. Мой жасмин 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 = …

122 angularjs  angularjs-directive  jasmine