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

Условие в Angular также можно сделать с помощью специальной конструкции @if. Эта конструкция позволяет показывать или скрывать блоки кода по условию. Давайте посмотрим, как с ней работать.

Пусть у нас есть следующая переменная:

export class AppComponent { public isAdmin: boolean = true; }

Давайте сделаем див, который будет показан, если эта переменная имеет значение true:

@if (isAdmin) { <div> text </div> }

Сделаем так, чтобы див был показан, если наша переменная имеет значение false:

@if (!isAdmin) { <div> text </div> }

Сделайте свойство isAdult. Покажите текст для взрослых, если в нашей переменной лежит значение true.