La structure if dans Angular

La condition dans Angular peut également être réalisée avec l'aide de la structure spéciale @if. Cette structure permet d'afficher ou de masquer des blocs de code selon une condition. Regardons comment l'utiliser.

Supposons que nous ayons la variable suivante :

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

Créons une div qui sera affichée si cette variable a la valeur true :

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

Faisons en sorte que la div soit affichée si notre variable a la valeur false :

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