javascript / beginner
Snippet
Bedingtes Rendering mit *ngIf
Die *ngIf-Direktive wird verwendet, um ein HTML-Element basierend auf einem booleschen Wert bedingt in das DOM aufzunehmen oder daraus zu entfernen.
snippet.js
1
2
3
4
5
6
export class StatusComponent {isLoggedIn: boolean = true;}<!-- Template --><p *ngIf="isLoggedIn">Welcome back, user!</p>
angular
Erklärung
1
isLoggedIn: boolean = true;
Eine boolesche Eigenschaft, die den Login-Status des Benutzers verfolgt.
2
*ngIf="isLoggedIn"
Eine Struktur-Direktive, die das Element nur dann zum DOM hinzufügt, wenn isLoggedIn wahr ist.