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

Strukturdirektiven verändern die Struktur des DOM-Baums.

Mit Strukturdirektiven können wir DOM-Elemente hinzufügen oder entfernen und damit die Struktur des Dokuments verändern. Strukturdirektiven werden immer zusammen mit dem Stern-Zeichen * notiert und als Attribut auf einem DOM-Element eingesetzt. Die Direktive entscheidet dann anhand bestimmter Kriterien, ob und wie das Element in den DOM-Baum eingebaut wird. Die bekanntesten Vertreter der Strukturdirektiven sind ngIf, ngFor und ngSwitch.

ngIf : Bedingungen zum Anzeigen von Elementen

Die Direktive ngIf fügt das betroffene Element nur dann in den DOM-Baum ein, wenn der angegebene Ausdruck wahr ist. Sie kann z. B. eingesetzt werden, um ein Element mit einer Fehlermeldung nur dann anzuzeigen, wenn auch ein Fehler aufgetreten ist.

<div *ngIf="hasError">Fehler aufgetreten</div>