Конструкция 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>
}