Angular: Auf und davon

Kapitel 3. Nützliche eingebaute Angular-Direktiven

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Im letzten Kapitel haben wir mit unserer ersten Angular-Anwendung begonnen und ein Gefühl dafür bekommen, wie man mit dem Angular CLI ein neues Projekt beginnt und darin Komponenten erstellt. Wir haben auch ein Gefühl dafür bekommen, wie wir die Daten- und Ereignisbindungsmechanismen von Angular nutzen können.

In diesem Kapitel werden wir zunächst verstehen, was Direktiven in Angular sind und wie sie sich von Komponenten unterscheiden. Dann gehen wir auf einige grundlegende Direktiven ein, die Angular standardmäßig bereitstellt, und auf die Anwendungsfälle, in denen sie zum Einsatz kommen. Am Ende des Kapitels solltest du die meisten Direktiven, die Angular von Haus aus bereitstellt, sicher verwenden können und wissen, wann und wo du sie einsetzen solltest.

Richtlinien und Komponenten

Mit einer Direktive in Angular kannst du benutzerdefinierte Funktionen an Elemente in deinem HTML-Code anhängen. Eine Komponente in Angular, wie die, die wir im vorherigen Kapitel gebaut haben, ist eine Direktive, die sowohl Funktionalität als auch UI-Logik bietet. Sie ist im Grunde ein Element, das sein Verhalten und seine Rendering-Logik kapselt.

Nicht-Komponenten-Direktiven hingegen arbeiten in der Regel an bestehenden Elementen und verändern sie. Sie können in zwei Arten unterteilt werden:

Attribut-Richtlinien ...