Als «angularjs-directive» getaggte Fragen

AngularJS-Direktiven sind eine Möglichkeit, HTML neue Tricks beizubringen, indem das HTML-Vokabular erweitert wird. Mit Direktiven können Sie DOM-Elemente in einem deklarativen Muster verwalten und so von einfachen DOM-Manipulationsaufgaben befreit werden.

2
Holen Sie sich das Originalelement von ng-click
Ich habe eine Liste von Elementen in meiner Ansicht mit ng-clickangehängten Elementen : <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> Ich verarbeite die Klickereignisse in der fooFunktion in meiner Direktive und übergebe sie $eventals Verweis auf das Objekt, auf das geklickt wurde. Ich …
3
Angular JS: Was braucht die Verknüpfungsfunktion der Direktive, als wir bereits den Controller der Direktive mit Gültigkeitsbereich hatten?
Ich muss einige Operationen am Bereich und an der Vorlage ausführen. Es scheint, dass ich das entweder in der linkFunktion oder in der controllerFunktion tun kann (da beide Zugriff auf den Bereich haben). Wann ist es der Fall, wenn ich die linkFunktion und nicht den Controller verwenden muss? angular.module('myApp').directive('abc', function($timeout) …
7
Fügen Sie Anweisungen aus der Anweisung in AngularJS hinzu
Ich versuche, eine Direktive zu erstellen, die dafür sorgt , dass dem Element, für das sie deklariert ist, weitere Direktiven hinzugefügt werden . Zum Beispiel möchte ich eine Richtlinie erstellen , die Pflege der Zugabe dauert datepicker, datepicker-languageund ng-required="true". Wenn ich versuche, diese Attribute hinzuzufügen und dann zu verwenden, $compilegeneriere …
6
Die Transclude-Option der Direktivendefinition verstehen?
Ich denke, dies ist eines der schwierigsten Konzepte, die ich mit der Direktive von anglejs verstehen kann. Das Dokument von http://docs.angularjs.org/guide/directive lautet: transclude - Kompiliert den Inhalt des Elements und stellt es der Direktive zur Verfügung. Wird normalerweise mit ngTransclude verwendet. Der Vorteil der Transklusion besteht darin, dass die Verknüpfungsfunktion …
3
Wann sollte transclude 'true' und transclude 'element' in Angular verwendet werden?
Wann soll ich transclude: 'true'wann verwenden transclude: 'element'? Ich kann nichts transclude: 'element'in den eckigen Dokumenten finden, sie sind ziemlich verwirrend. Ich würde mich freuen, wenn jemand dies in einfacher Sprache erklären könnte. Was ist der Vorteil jeder Option? Was ist der wahre Unterschied zwischen ihnen? Folgendes habe ich gefunden: …
6
Angular.js Direktive dynamic templateURL
Ich habe ein benutzerdefiniertes Tag in einer routeProviderVorlage, das eine directiveVorlage erfordert. Das versionAttribut wird mit dem Bereich gefüllt, der dann die richtige Vorlage anfordert. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Es gibt mehrere Versionen der Hymne, basierend auf der Woche und dem Tag. Ich hatte erwartet, die Direktive zu …
5
Kann eine Winkelanweisung Argumente an Funktionen in Ausdrücken übergeben, die in den Attributen der Anweisung angegeben sind?
Ich habe eine Formularanweisung, die ein angegebenes callbackAttribut mit einem isolierten Bereich verwendet: scope: { callback: '&' } Es befindet sich in einem, ng-repeatsodass der Ausdruck, den ich übergebe, das iddes Objekts als Argument für die Rückruffunktion enthält: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Wenn ich mit …
6
Verwendung der Symbole '@', '&', '=' und '>' in der Bereichsbindung der benutzerdefinierten Direktive: AngularJS
Ich habe viel über die Verwendung dieser Symbole bei der Implementierung benutzerdefinierter Anweisungen in AngularJS gelesen, aber das Konzept ist mir immer noch nicht klar. Ich meine, was bedeutet es, wenn ich einen der Bereichswerte in der benutzerdefinierten Direktive verwende? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR …
3
$ auf Datenänderungen in einer Angular-Direktive achten
Wie kann ich eine $watchVariable in einer Angular-Direktive auslösen, wenn ich die darin enthaltenen Daten bearbeite (z. B. Daten einfügen oder entfernen), dieser Variablen jedoch kein neues Objekt zuweisen? Ich habe einen einfachen Datensatz, der gerade aus einer JSON-Datei geladen wird. Mein Angular-Controller erledigt dies und definiert einige Funktionen: App.controller('AppCtrl', …
12
Gibt es eine Möglichkeit, auf einen Standard zurückzugreifen, wenn ein ngSrc-Pfad in einen 404-Pfad aufgelöst wird?
Für die Anwendung, die ich erstelle, muss mein Benutzer 4 Informationen festlegen, bevor dieses Bild überhaupt geladen werden kann. Dieses Bild ist das Herzstück der Anwendung, sodass der fehlerhafte Bildlink den Eindruck erweckt, dass das Ganze verfälscht ist. Ich hätte gerne ein anderes Bild auf einer 404. Irgendwelche Ideen? Ich …
14
Controller ist keine Funktion, wurde undefiniert, während Controller global definiert wurden
Ich schreibe eine Beispielanwendung mit anglejs. Ich habe einen Fehler im Chrome-Browser. Fehler ist Fehler: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Welches rendert als Das Argument 'ContactController' ist keine Funktion, wurde undefiniert Code <!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() { …
12
Unit Testing AngularJS-Direktive mit templateUrl
Ich habe eine AngularJS-Direktive, die eine templateUrldefinierte hat. Ich versuche es mit Jasmine zu testen. Mein Jasmine JavaScript sieht wie folgt aus , gemäß der Empfehlung von dieser : describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.