დირექტივა if Angular-ში

Angular-ში შესაძლებელია ისეთი რამის გაკეთება, რომ თეგი გამოჩნდეს ან დამალული იყოს ცვლადის მნიშვნელობიდან გამომდინარე. ამისთვის გამოიყენება სპეციალური დირექტივა *ngIf. მოდით შევხედოთ, როგორ ვიმუშაოთ მასთან.

დასაწყისისთვის ეს დირექტივა საჭიროებს იმპორტირებას:

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

და დაუმატეთ იგი იმპორტების სექციაში დეკორატორში:

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

მოდით ახლა გვქონდეს შემდეგი ცვლადი:

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

მოდით გავაკეთოთ div, რომელიც გამოჩნდება, თუ ამ ცვლადის მნიშვნელობა არის true:

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

ახლა კი გავაკეთოთ ისე, რომ div გამოჩნდეს, თუ ჩვენი ცვლადის მნიშვნელობა არის false:

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

გაუკეთეთ პროპერთი isAdult. აჩვენეთ ტექსტი ზრდასრულებისთვის, თუ ჩვენს ცვლადში დევს მნიშვნელობა true.