La construcción if en Angular

La condición en Angular también se puede hacer con la ayuda de la construcción especial @if. Esta construcción permite mostrar u ocultar bloques de código según una condición. Veamos cómo trabajar con ella.

Supongamos que tenemos la siguiente variable:

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

Hagamos un div que se mostrará si esta variable tiene el valor true:

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

Hagamos que el div se muestre si nuestra variable tiene el valor false:

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