Konštrukcia if v Angular

Podmienku v Angular je možné vytvoriť aj pomocou špeciálnej konštrukcie @if. Táto konštrukcia umožňuje zobrazovať alebo skrývať bloky kódu na základe podmienky. Pozrime sa, ako s ňou pracovať.

Predpokladajme, že máme nasledujúcu premennú:

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

Vytvorme div, ktorý sa zobrazí, ak má táto premenná hodnotu true:

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

Urobme tak, aby sa div zobrazil, ak naša premenná má hodnotu false:

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