Die Direktive if in Angular

In Angular kann man es so einrichten, dass ein Tag angezeigt oder ausgeblendet wird, abhängig vom Wert einer Variable. Dafür wird die spezielle Direktive *ngIf verwendet. Lassen Sie uns ansehen, wie man mit ihr arbeitet.

Zunächst muss diese Direktive importiert werden:

import {NgIf} from "@angular/common";

Und sie im Import-Bereich des Dekorators hinzugefügt werden:

@Component({
	.....
	imports: [....., NgIf],
	....
})

Nehmen wir nun an, wir haben die folgende Variable:

export class AppComponent {
	public isAdmin: boolean = true;
}

Lassen Sie uns ein Div erstellen, das angezeigt wird, wenn diese Variable den Wert true hat:

<div *ngIf="isAdmin">
	text
</div>

Und jetzt sorgen wir dafür, dass das Div angezeigt wird, wenn unsere Variable den Wert false hat:

<div *ngIf="!isAdmin">
	text
</div>

Erstellen Sie eine Eigenschaft isAdult. Zeigen Sie einen Text für Erwachsene an, wenn in unserer Variable der Wert true gespeichert ist.