Benutzerdefinierte AngularJs-Direktive

Der Inhalt dieses Artikels handelt von den benutzerdefinierten Anweisungen von AngularJ. Jetzt können Freunde in Not darauf verweisen.

1 🎜>

Bei Anweisungen kann es sich einfach um eine Funktion handeln, die auf einem bestimmten DOM-Element ausgeführt wird. Anweisungen können die Funktionalität dieses Elements erweitern.

2. Methode zum Definieren einer Direktive:

Der erste Parameter, der Name der Direktive myDirective, wird verwendet, um auf eine bestimmte Direktive in der Ansicht zu verweisen.

<br/>

Der zweite Parameter ist eine Funktion. Diese Funktion gibt ein Objekt zurück. Der $compile-Dienst verwendet das von dieser Methode zurückgegebene Objekt, um das Verhalten der Anweisung zu konstruieren.

<br/>3. Durch die Direktive festgelegte Optionen

<br/>

schränken die Form ein, in der die Direktive im DOM referenziert oder deklariert werden kann

1. E (Element)

   <br/>

   A (Attribut, Standardwert)
   (Klassenname)

   M (Kommentar) <--directive:my-directive expression--><br/><🎜; ><br/><br/>Priorität wird verwendet, um die Prioritätsreihenfolge der Befehlsverwendung anzugeben

   Wenn es zwei Anweisungen mit derselben Priorität für ein Element gibt, wird die zuvor deklarierte zuerst aufgerufen. Wenn einer von ihnen eine höhere Priorität hat, wird er unabhängig von der Reihenfolge der Deklaration zuerst aufgerufen: Der Befehl mit der höheren Priorität wird immer zuerst ausgeführt.

2. <br/>Terminal wird verwendet, um AngularJS anzuweisen, die Ausführung von Anweisungen mit einer niedrigeren Priorität als dieser Anweisung für das aktuelle Element zu stoppen. Anweisungen mit derselben Priorität wie die aktuelle Anweisung werden jedoch weiterhin ausgeführt.

3. Vorlage

   <br/>

   wird verwendet, um eine Vorlage darzustellen, die eine Zeichenfolge sein kann, wie zum Beispiel „

   Dies ist eine benutzerdefinierte Anweisung

   “, oder Es ist eine Funktion, Sie können sich auf das obige Beispiel beziehen

4. <br/>

   templateUrl wird zur Darstellung der Vorlage verwendet, die der obigen Vorlagenfunktion ähnelt, aber den Pfad darstellt. Dies kann eine Zeichenfolge des Pfads einer externen HTML-Datei sein. Es kann sich auch um eine Funktion handeln, die zwei Parameter akzeptiert, tElement und tAttrs, und eine Zeichenfolge mit dem Pfad zu einer externen HTML-Datei zurückgibt.

   <br/>

5. Replace ist standardmäßig auf „false“ eingestellt. Die Vorlage wird als untergeordnetes Element in das Element eingefügt, das diesen Befehl aufruft. Wenn „true“, wird das Element direkt ersetzt

6. Umfang

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

7. controller
   controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字， 来查找注册在应用中的控制器的构造函数.当为函数时，可以像平时写控制器那样写，可以将任意可以被注入的AngularJS服务传递给控制器

8. controllerAs（字符串）
   controllerAs参数用来设置控制器的别名，可以以此为名来发布控制器，并且作用域可以访 问controllerAs。这样就可以在视图中引用控制器，甚至无需注入$scope。

9. require
   require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控 制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。

   
   

Das obige ist der detaillierte Inhalt vonBenutzerdefinierte AngularJs-Direktive. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!