Die if-Konstruktion in Angular
Bedingungen in Angular können auch mit
einer speziellen Konstruktion @if
erstellt werden.
Diese Konstruktion erlaubt es, Codeblöcke
bedingt anzuzeigen oder auszublenden. Lassen
Sie uns anschauen, wie man damit arbeitet.
Angenommen, 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:
@if (isAdmin) {
<div>
text
</div>
}
Lassen Sie uns das Div so einrichten, dass es angezeigt wird, wenn
unsere Variable den Wert false hat:
@if (!isAdmin) {
<div>
text
</div>
}
Erstellen Sie eine Eigenschaft isAdult. Zeigen Sie
einen Text für Erwachsene an, wenn in unserer Variable
der Wert true gespeichert ist.
