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