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