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:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

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

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

Lassen Sie uns das Div so einrichten, dass es angezeigt wird, wenn unsere Variable den Wert false hat:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}