Looking for angularjs Keywords? Try Ask4Keywords

AngularJSBenutzerdefinierte Richtlinien


Einführung

Hier erfahren Sie mehr über die Direktive-Funktion von AngularJS. Nachfolgend finden Sie Informationen zu Richtlinien und grundlegende und erweiterte Anwendungsbeispiele.

Parameter

Parameter Einzelheiten
Umfang Eigenschaft, um den Geltungsbereich der Richtlinie festzulegen. Es kann als falsch, wahr oder als isolierter Bereich festgelegt werden: {@, =, <, &}.
Geltungsbereich: Fälschung Richtlinie verwendet den Geltungsbereich der Muttergesellschaft. Kein Bereich für Direktive erstellt.
Geltungsbereich: wahr Die Richtlinie erbt den Elternbereich prototypisch als neuen untergeordneten Bereich. Wenn für dasselbe Element mehrere Anweisungen vorhanden sind, die einen neuen Gültigkeitsbereich anfordern, teilen sie sich einen neuen Gültigkeitsbereich.
Umfang: { @ } Einwegbindung einer Direktive-Bereichseigenschaft an einen DOM-Attributwert. Da der Attributwert an das übergeordnete Element gebunden ist, ändert sich dieser im Direktive-Bereich.
Umfang: {=} Bidirektionale Attributbindung, die das Attribut im übergeordneten Element ändert, wenn sich das Direktive-Attribut ändert und umgekehrt.
Umfang: {<} Einwegbindung einer Bereichsrichtlinie und eines DOM-Attributausdrucks. Der Ausdruck wird im übergeordneten Element ausgewertet. Dadurch wird die Identität des übergeordneten Werts überwacht, sodass Änderungen an einer Objekteigenschaft im übergeordneten Wert nicht in der Direktive angezeigt werden. Änderungen an einer Objekteigenschaft in einer Direktive werden im übergeordneten Objekt angezeigt, da beide auf dasselbe Objekt verweisen
Umfang: { & } Ermöglicht der Direktive, Daten an einen Ausdruck zu übergeben, der im übergeordneten Element ausgewertet werden soll.
kompilieren: Funktion Diese Funktion wird verwendet, um die DOM-Umwandlung in der Direktivenvorlage auszuführen, bevor die Verknüpfungsfunktion ausgeführt wird. Es akzeptiert tElement (die Direktivenvorlage) und tAttr (Liste der in der Direktive deklarierten Attribute). Es hat keinen Zugriff auf den Geltungsbereich. Es kann eine Funktion zurück , die als registriert wird post-link - Funktion oder es kann ein Objekt mit Rück pre und post - Eigenschaften mit wird als registriert seine pre-link und post-link - Funktionen.
Link: Funktion / Objekt Die Link-Eigenschaft kann als Funktion oder Objekt konfiguriert werden. Es kann die folgenden Argumente empfangen: Bereich (Direktive-Bereich), iElement (DOM-Element, auf das die Direktive angewendet wird), iAttrs (Sammlung von DOM-Elementattributen), Controller (Array von Controllern, die von der Direktive benötigt werden), transcludeFn. Es wird hauptsächlich verwendet, um DOM-Listener einzurichten, Modelleigenschaften auf Änderungen zu prüfen und das DOM zu aktualisieren. Es wird ausgeführt, nachdem die Vorlage geklont wurde. Sie wird unabhängig konfiguriert, wenn keine Kompilierfunktion vorhanden ist.
Pre-Link-Funktion Verknüpfungsfunktion, die vor untergeordneten Verknüpfungsfunktionen ausgeführt wird. Standardmäßig werden untergeordnete Direktive-Verknüpfungsfunktionen vor übergeordneten Direktive-Verknüpfungsfunktionen ausgeführt. Mit der Pre-Link-Funktion kann der übergeordnete Link zuerst verknüpft werden. Ein Anwendungsfall ist, wenn das Kind Daten vom Elternteil benötigt.
Post-Link-Funktion Verknüpfungsfunktion, bei der Führungskräfte nach untergeordneten Elementen mit übergeordneten Elementen verknüpft werden. Sie wird häufig für das Anhängen von Ereignishandlern und für den Zugriff auf untergeordnete Direktiven verwendet. Die für die untergeordnete Direktive erforderlichen Daten sollten hier jedoch nicht festgelegt werden, da die untergeordnete Direktive bereits verknüpft wurde.
einschränken: string Definiert, wie die Direktive aus dem DOM aufgerufen wird. Mögliche Werte (Angenommen, unser Direktionsname ist demoDirective ): E - Elementname ( <demo-directive></demo-directive> ), A - Attribut ( <div demo-directive></div> ), C - Übereinstimmende Klasse ( <div class="demo-directive"></div> ), M - Durch Kommentar ( <!-- directive: demo-directive --> ). Die restrict kann auch mehrere Optionen unterstützen, z. B. - restrict: "AC" beschränkt die Anweisung auf Attribut ODER Klasse . Wenn nicht angegeben, ist der Standardwert "EA" (Element oder Attribut).
erfordern: 'demoDirective' Suchen Sie den Controller von demoDirective auf dem aktuellen Element und fügen Sie den Controller als viertes Argument in die Verknüpfungsfunktion ein. Fehler melden, falls nicht gefunden.
erfordern: '? demoDirective' Versuchen Sie, den Controller der demoDirective zu finden, oder übergeben Sie null an den Link fn, falls dieser nicht gefunden wird.
erfordern: '^ demoDirective' Suchen Sie den Controller von demoDirective, indem Sie das Element und seine übergeordneten Elemente durchsuchen. Fehler melden, falls nicht gefunden.
erfordern: '^^ demoDirective' Suchen Sie den Controller von demoDirective, indem Sie die übergeordneten Elemente des Elements durchsuchen. Fehler melden, falls nicht gefunden.
erfordern: '? ^ demoDirective' Versuchen Sie, den Controller der demoDirective zu finden, indem Sie das Element und seine übergeordneten Elemente durchsuchen oder den Link fn mit Null belegen, wenn er nicht gefunden wird.
erfordern: '? ^^ demoDirective' Versuchen Sie, den Controller von demoDirective zu finden, indem Sie die übergeordneten Elemente des Elements durchsuchen, oder übergeben Sie null an den Link fn, falls dieser nicht gefunden wird.

Benutzerdefinierte Richtlinien Verwandte Beispiele