Stavba if v Angular

Pogoj v Angularju lahko naredimo tudi s pomočjo posebne stavbe @if. Ta stavba omogoča prikazovanje ali skrivanje blokov kode glede na pogoj. Poglejmo, kako se z njo dela.

Recimo, da imamo naslednjo spremenljivko:

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

Naredimo div, ki bo prikazan, če ima ta spremenljivka vrednost true:

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

Naredimo tako, da bo div prikazan, če ima naša spremenljivka vrednost false:

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