Конструкција if во Angular

Условот во Angular може да се направи и со помош на специјалната конструкција @if. Оваа конструкција овозможува прикажување или скривање на блокови од код според услов. Ајде да погледнеме како се работи со неа.

Да претпоставиме дека ја имаме следната променлива:

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

Ајде да направиме div кој ќе се прикаже, ако оваа променлива има вредност true:

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

Да направиме така што div ќе се прикаже, ако нашата променлива има вредност false:

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