Costrutto if in Angular

La condizione in Angular può anche essere creata con l'aiuto del costrutto speciale @if. Questo costrutto permette di mostrare o nascondere blocchi di codice in base a una condizione. Diamo un'occhiata a come funziona.

Supponiamo di avere la seguente variabile:

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

Creiamo un div che verrà visualizzato se questa variabile ha il valore true:

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

Facciamo in modo che il div venga visualizzato se la nostra variabile ha il valore false:

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