Konstrukcija if u Angularu

Uslov u Angularu se takođe može napraviti pomoću specijalne konstrukcije @if. Ova konstrukcija omogućava prikazivanje ili skrivanje blokova koda po uslovu. Pogledajmo kako se sa njom radi.

Neka imamo sledeću promenljivu:

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

Napravićemo div koji će biti prikazan, ako ova promenljiva ima vrednost true:

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

Učinimo da div bude prikazan, ako naša promenljiva ima vrednost false:

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