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