Pytania otagowane jako angularjs-directive

Mam listę elementów w moim widoku z ng-clickdołączonymi do nich: <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> Obsługuję zdarzenia kliknięcia w foofunkcji w mojej dyrektywie, przekazując $eventjako odwołanie do obiektu, który został kliknięty, ale otrzymuję odwołanie do imgtagu, a nie litagu. Następnie muszę …

204 angularjs  angularjs-directive 

Muszę wykonać pewne operacje na zakresie i szablonie. Wydaje się, że mogę to zrobić w linkfunkcji lub controllerfunkcji (ponieważ oba mają dostęp do zakresu). Kiedy jest tak, że muszę korzystać z linkfunkcji, a nie ze sterownika? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, link: …

199 javascript  angularjs  angularjs-directive 

Próbuję zbudować dyrektywę, która zajmuje się dodawaniem kolejnych dyrektyw do elementu, który jest zadeklarowany. Na przykład, chcę zbudować dyrektywę, która dba o dodanie datepicker, datepicker-languagei ng-required="true". Jeśli spróbuję dodać te atrybuty, a następnie użyję $compile, oczywiście generuję nieskończoną pętlę, więc sprawdzam, czy już dodałem potrzebne atrybuty: angular.module('app') .directive('superDirective', function ($compile, …

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

Myślę, że jest to jedna z najtrudniejszych do zrozumienia dla mnie przez dyrektywę angularjs. Dokument z http://docs.angularjs.org/guide/directive mówi: tranclude - skompiluj zawartość elementu i udostępnij ją dyrektywie. Zwykle używany z ngTransclude. Zaletą transkluzji jest to, że funkcja łączenia odbiera funkcję transkluzji, która jest wstępnie związana z odpowiednim zakresem. W typowej …

195 angularjs  angularjs-directive 

Kiedy stosować transclude: 'true'i kiedy transclude: 'element'? Nie mogę znaleźć nic transclude: 'element'w kątowych dokumentach, są dość zagmatwane. Byłbym szczęśliwy, gdyby ktoś mógł to wyjaśnić prostym językiem. Jakie są zalety każdej opcji? Jaka jest prawdziwa różnica między nimi? Oto, co znalazłem: transclude: true Wewnątrz funkcji kompilacji możesz manipulować DOM za …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

Mam niestandardowy tag w routeProviderszablonie, który wywołuje directiveszablon. versionAtrybut będzie wypełniana przez zakres które następnie wzywa do prawej szablonu. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Istnieje wiele wersji hymnu w zależności od tygodnia i dnia. Spodziewałem się, że wykorzystam dyrektywę do wypełnienia właściwej .htmlczęści. Zmienna nie jest odczytywana przez templateUrl. …

169 angularjs  angularjs-directive 

Mam dyrektywę formularza, która używa określonego callbackatrybutu z izolowanym zakresem: scope: { callback: '&' } Znajduje się wewnątrz an, ng-repeatwięc wyrażenie, które przekazuję, zawiera idobiekt jako argument funkcji zwrotnej: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Kiedy skończyłem pracę z dyrektywą, wywołuje $scope.callback()ona funkcję kontrolera. W większości przypadków …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

Dużo czytałem o używaniu tych symboli we wdrażaniu niestandardowych dyrektyw w AngularJS, ale koncepcja nadal nie jest dla mnie jasna. Mam na myśli, co to znaczy, jeśli używam jednej z wartości zakresu w dyrektywie niestandardowej? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' …

151 angularjs  angularjs-directive  angularjs-scope 

Zacząłem uczyć się o AngularJS i nie wiem, jakie są różnice między dyrektywami ng-appi data-ng-app.

147 angularjs  angularjs-directive 

Właśnie zaczynam od angularjs i pracuję nad konwersją kilku starych wtyczek JQuery do dyrektyw Angular. Chciałbym zdefiniować zestaw domyślnych opcji dla dyrektywy my (element), które można przesłonić, podając wartość opcji w atrybucie. Rozejrzałem się po tym, jak zrobili to inni, iw bibliotece angular -ui plik ui.bootstrap.pagination wydaje się robić coś …

145 javascript  angularjs  angularjs-directive  options  default-value 

Jak mogę wyzwolić $watchzmienną w dyrektywie Angular podczas manipulowania danymi wewnątrz (np. Wstawianie lub usuwanie danych), ale nie przypisywać nowego obiektu do tej zmiennej? Mam prosty zestaw danych, który jest obecnie ładowany z pliku JSON. Mój kontroler Angular robi to, a także definiuje kilka funkcji: App.controller('AppCtrl', function AppCtrl($scope, JsonService) { …

133 javascript  angularjs  angularjs-directive 

Aplikacja, którą tworzę, wymaga od mojego użytkownika ustawienia 4 informacji, zanim ten obraz będzie miał szansę się załadować. Ten obraz jest centralnym elementem aplikacji, więc uszkodzony link do obrazu sprawia, że ​​wygląda na to, że wszystko jest zepsute. Chciałbym, aby inny obraz zajął jego miejsce na 404. Jakieś pomysły? Chciałbym …

130 angularjs  angularjs-directive 

Czy znak zapytania po równych ma specjalne znaczenie? to znaczy: scope: {foo: '=?'} czy powyższe oznacza „nie zgłaszaj błędu, jeśli„ foo ”nie może zostać rozwiązane?

127 angularjs  angularjs-directive 

Piszę przykładową aplikację przy użyciu angularjs. Wystąpił błąd wymieniony poniżej w przeglądarce Chrome. Błąd jest Błąd: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Który renderuje się jako Argument „ContactController” nie jest funkcją, został niezdefiniowany Kod <!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 = function() …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

Mam dyrektywę AngularJS, która ma templateUrlzdefiniowany plik . Próbuję przetestować to z Jasmine. Moja Jasmine JavaScript wygląda jak poniżej, na zalecenie to : 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