Angular да иф конструкцияси

Angular да шартни махсус @if конструкцияси ёрдамида ҳам бажариш мумкин. Бу конструкция код блокларини шарт асосида кўрсатиш ёки беркитиш имконини беради. Келинг, унинг билан ишлашни кўриб чиқайлик.

Фарз қилайлик, бизда куйидаги ўзгарувчи мавжуд:

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

Келинг, бу ўзгарувчининг қиймати true бўлганда кўрсатиладиган див ясайлик:

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

Келинг, див бизнинг ўзгарувчимизнинг қиймати false бўлганда кўриниши учун ясаймиз:

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

isAdult хусусиятини яратинг. Агар бизнинг ўзгарувчимизда true қиймати юқилган бўлса, катталар учун матнни кўрсатинг.