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