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

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

Претпоставимо да имамо следећу променљиву:

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

Хајде да направимо див који ће бити приказан, ако ова променљива има вредност true:

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

Хајде да урадимо да див буде приказан, ако наша променљива има вредност false:

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