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

Дар Angular имкон надорад, ки тег нишон дода шавад ё пинҳон шавад, ки ба андозаи тағйирёбанда вобастагӣ дорад. Барои ин директиви махсуси *ngIf истифода мешавад. Биёед бубинем, ки чӣ гуна бо он кор кардан мумкин аст.

Барои оғоз ин директиви бояд ворид карда шавад:

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

Ва онро ба қисми воридотҳо дар декоратор илова кунед:

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

Бигзор акнун мо тағйирёбандаи зеринро дорем:

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

Биёед диверо созем, ки нишон дода мешавад, агар ин тағйирёбанда арзиши true дошта бошад:

<div *ngIf="isAdmin">
	матн
</div>

Ва акнун биёед чунин кунем, ки див нишон дода шавад, агар тағйирёбандаи мо арзиши false дошта бошад:

<div *ngIf="!isAdmin">
	матн
</div>

Хосияти isAdult-ро созед. Матнеро барои калонсолон нишон диҳед, агар дар тағйирёбандаи мо арзиши true гузошта шавад.