Angularда if директиваси

Angularда тег ўзгарувчининг қийматига қараб кўрсатилиши ёки бекитиб қўйилиши мумкин. Буни амалга ошириш учун махсус *ngIf директиваси қўлланилади. Келиб, унинг билан ишлашни кўрамиз.

Аввало бу директивани импорт қилиш керак:

import {NgIf} from "@angular/common";

Ва уни декоратордаги импортлар бўлимига қўшинг:

@Component({
	.....
	imports: [....., NgIf],
	....
})

Энди бизда куйидаги ўзгарувчи бор деб фараз қилайлик:

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

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

<div *ngIf="isAdmin">
	text
</div>

Энди див бизнинг ўзгарувчимиз false қийматга эга бўлгандагина кўрсатилишини таъминлаймиз:

<div *ngIf="!isAdmin">
	text
</div>

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