Читать книгу Angular - Ferdinand Malcher - Страница 173

Angular bricht die Template-Syntax in mehrere Konzepte auf. Mit den verschiedenen Bindings wird der Datenfluss zwischen Komponente und Template klar definiert. Hilfsmittel wie Pipes und Direktiven erleichtern uns dabei die Arbeit mit den Elementen im Template. Mit einem Blick auf ein Template ist bereits schnell erkennbar, wie sich eine Komponente verhält.

 Komponenten sind die wichtigsten Bausteine einer Anwendung.

 Eine Komponente besteht immer aus einer TypeScript-Klasse mit Metadaten und einem Template.

 Komponenten werden an Elemente des DOM-Baums gebunden. Das ausgewählte Element wird das Host-Element der Komponente.

 Für die Auswahl der DOM-Elemente wird in der Komponente ein CSS-Selektor festgelegt.

 Angular verfügt über eine eigene Template-Syntax und eingebaute Direktiven, z. B. ngFor und ngIf.

 Alle Bausteine der Anwendung werden mittels @NgModule() in Angular-Module organisiert. Wir nutzen Imports und Exports, um die Bausteine zu verknüpfen.

 Eine Komponente muss immer in den declarations eines Moduls registriert werden.

Demo und Quelltext: https://ng-buch.de/bm4-it1-comp