A estrutura if no Angular

A condição no Angular também pode ser feita com a ajuda da estrutura especial @if. Essa estrutura permite mostrar ou ocultar blocos de código condicionalmente. Vamos ver como trabalhar com ela.

Suponha que temos a seguinte variável:

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

Vamos criar uma div que será exibida se esta variável tiver o valor true:

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

Vamos fazer com que a div seja exibida se nossa variável tiver o valor false:

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