Construcția if în Angular

Condiția în Angular poate fi făcută și cu ajutorul construcției speciale @if. Această construcție permite afișarea sau ascunderea blocurilor de cod în funcție de condiție. Să vedem cum se lucrează cu ea.

Să presupunem că avem următoarea variabilă:

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

Să facem un div care va fi afișat, dacă această variabilă are valoarea true:

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

Să facem astfel încât div-ul să fie afișat, dacă variabila noastră are valoarea false:

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