Konstrukce if v Angular

Podmínku v Angular lze také vytvořit pomocí speciální konstrukce @if. Tato konstrukce umožňuje zobrazovat nebo skrývat bloky kódu podle podmínky. Pojďme se podívat, jak s ní pracovat.

Předpokládejme, že máme následující proměnnou:

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

Vytvořme div, který se zobrazí, pokud tato proměnná má hodnotu true:

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

Udělejme, aby se div zobrazil, pokud naše proměnná má hodnotu false:

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