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

Условие в Angular може да се направи и с помощта на специална конструкция @if. Тази конструкция позволява показването или скриването на блокове код според условие. Нека видим как се работи с нея.

Нека имаме следната променлива:

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

Нека направим div, който ще бъде показан, ако тази променлива има стойност true:

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

Нека направим така, че div да бъде показан, ако нашата променлива има стойност false:

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

Направете свойство isAdult. Покажете текст за възрастни, ако в нашата променлива има стойност true.