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

javascript

export class StatusComponent {
  isLoggedIn: boolean = true;
}
 
<!-- Template -->
<p *ngIf="isLoggedIn">Welcome back, user!</p>

angular

Erklärung

isLoggedIn: boolean = true;

Eine boolesche Eigenschaft, die den Login-Status des Benutzers verfolgt.

*ngIf="isLoggedIn"

Eine Struktur-Direktive, die das Element nur dann zum DOM hinzufügt, wenn isLoggedIn wahr ist.