[MUSIK]
Im allerersten Modul haben wir die Richtlinien kurz überarbeitet und
Strukturrichtlinien betrachtet.
Wir haben gesehen, wie strukturelle Richtlinien es uns ermöglichen, die Vorlagen zu entwerfen.
Für unsere Winkel-Komponenten.
In dieser Lektion werden wir Attributdirektiven überprüfen.
Die dritte Art von Richtlinie.
Und wir werden auch untersuchen, wie wir
in der Übung, die diesem Vortrag folgt, eine benutzerdefinierte Direktive entwerfen können.
Wie wir erkannt haben, sind Direktiven eine Möglichkeit,
sowohl Angular-Vorlagen zu entwerfen und ermöglichen es uns,
verschiedene Teile der Damm-Manipulation mit einer R Angular Anwendungen Ansichten zu tun.
Also haben wir die Verwendung von Direktiven gesehen, um Anweisungen für die Angular-Wiederholung
zu geben und wie die Vorlagen in das DOM zu rendern.
Und wir haben bereits gelernt, dass innerhalb der Angular Anwendung
die Verwendung von strukturellen Direktiven in den Vorlagen es uns ermöglicht,
unsere Ansichten unserer Angular Anwendung zu entwerfen.
Wir haben auch gelernt, dass die Komponente, die wir so
umfangreich in den verschiedenen Übungen in diesem Kurs verwendet haben.
Es handelt sich um eine spezielle Art von Richtlinie, die eine Vorlage oder eine Ansicht beigefügt hat.
Und wir haben auch früher gelernt, dass
es zwei andere Arten von Direktiven gibt, die wir innerhalb unserer Vorlagen verwenden können.
Die strukturellen Direktiven und Attribute Direktiven.
Wir haben uns einige eingebaute strukturelle Direktiven im allerersten
Modul dieses Kurses angesehen.
Und wir haben gesehen, wie wir strukturelle Direktiven wie NG4 oder NGF und
mehr in diesen Übungen in den vorherigen Teilen dieses Kurses verwenden können.
Jetzt schauen wir uns die andere Art von Direktive an, die Attribut-Direktive.
Was ist eine Attribut-Direktive und
wie hilft sie uns beim Entwerfen unserer Angular-Anwendung?
Also, was sind Attribut-Direktiven?
Attributdirektiven werden als Attribute für Elemente in Ihrer Vorlage verwendet.
So haben Sie Ihren HTML-Code, den Sie in Ihrer Vorlage schreiben, und
die HTML-Elemente können Sie eine Attribut-Direktive
auf diese HTML-Elemente anwenden.
Wir sahen auch die strukturelle Richtlinie des Nutzers.
Und wir sahen, dass die Komponenten selbst zusätzliche HTML-ähnliche
Elemente hinzufügen können, die innerhalb der Vorlagen Ihrer Angular-Anwendung verwendet werden können.
Die Art und Weise, wie wir die Komponenten mit ihren Selektoren verwenden,
war eine Möglichkeit, Direktiven innerhalb unserer Angular-Anwendung zu verwenden.
Als wir die Verwendung von strukturellen Direktiven sahen, die auf
die verschiedenen HTML-Elemente innerhalb unserer Vorlage angewendet wurden.
Nun schauen wir uns Attribut-Direktiven an, die es uns ermöglichen,
bestimmte Eigenschaften unserer HTML-Elemente zu ändern.
Also, was sind die Verwendung von Attribut-Direktiven?
Attributdirektiven hören und ändern das Verhalten anderer HTML-Elemente oder
Attribute oder Eigenschaften oder Komponenten, die Sie in Ihren Vorlagen verwenden.
Wir haben tatsächlich einige der
eingebauten Attribute-Direktive bereits verwendet, ohne explizit über sie zu sprechen.
Sprechen Sie über die integrierten Attributdirektiven, die als Teil Ihres
Angular-Frameworks kommen.
Sie haben bereits Ng-Modell in einigen der vorherigen Lektionen
in diesem Kurs begegnet, insbesondere im Datenbindungsbereich und
auch, wenn wir über die Schriftarten im vorherigen Modul studiert haben.
Es gibt zwei andere Arten von eingebauten Attribut-Direktiven, die wir
begegnen könnten, ist ngClass und ngStyle.
Mit dem Namen selbst können Sie erraten, was ihr Zweck ist.
In ähnlicher Weise gibt es einige andere Module, die Sie in Ihren
Angular-Anwendungen verwenden, wie das FormsModule und auch das RouterModule, die einen
eigenen Satz von integrierten Attributdirektiven haben, die wir verwenden.
In der Tat haben wir sie bereits verwendet, wenn wir Formulare definieren und
auch die Verwendung des Routers innerhalb unserer Angular-Anwendung früher.
Nun, an diesem Punkt, fragen Sie sich vielleicht, wie gehe ich über die Erstellung meiner
eigenen Attribut-Direktive, wenn ich daran interessiert bin, eine benutzerdefinierte Direktive zu erstellen, also
werden wir hier schauen, wie Sie eine benutzerdefinierte Direktive ableiten können.
Lassen Sie uns benutzerdefinierte Direktiven in der nächsten Folie kurz und
in der folgenden Übung untersuchen.
In benutzerdefinierten Direktiven ist Ihre Erwartung also, dass Sie in der Lage wären, das zu implementieren,
was Sie interessiert sind.
Insbesondere hier können wir unsere eigenen benutzerdefinierten Direktiven erstellen.
Mit der Angular CLI können Sie den nackten Bones Code für eine Direktive aufstellen
und danach diesen Code ändern, um Ihre benutzerdefinierte Direktive zu implementieren.
Wenn Sie also eine benutzerdefinierte Direktive mit Angular CLI implementieren,
wird eine Direktive für Sie erstellt.
Und dann werden Sie sofort bemerken, dass
Sie innerhalb der Direktive diese verzierte
Dekorator-Klasse verwenden werden, um die Klasse in eine Direktive zu konvertieren, und
wir werden einem solchen in der folgenden Übung begegnen.
Darüber hinaus mit dem Director, insbesondere wenn Sie Attributdirektiven verwenden und
alle Elemente ändern möchten, die in Ihren Vorlagen verwendet werden.
Eine andere Klasse, die für uns nützlich ist, heißt ElementRef.
Dies ist auch wichtig aus dem Angular-Code, und dies wird in Ihren
Direktiven-Konstruktor injiziert, geschrieben Ihre Direktivenklasse.
Und dann können Sie auf die DOM-Elemente zugreifen und
dann Änderungen an ihnen vornehmen.
Mit diesem schnellen Verständnis, wie Sie benutzerdefinierte Direktiven erstellen können,
schauen wir uns ein Beispiel in der Übung an, die dieser Vorlesung folgt.
( MUSIK)