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

Angular-та текті айнымалы мәнге байланысты көрсету немесе жасыруға болады. Бұл үшін *ngIf арнайы директивасы қолданылады. Онымен қалай жұмыс істеу керектігін қарастырайық.

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

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

Және оны декоратордағы импорттар бөліміне қосу керек:

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

Енді бізде мындай айнымалы бар делік:

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

Бұл айнымалының мәні true болған кезде көрсетілетін div жасайық:

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

Енді div біздің айнымалымыздың мәні false болғанда көрсетілетіндей етейік:

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

isAdult қасиетін жасаңыз. Біздің айнымалыда true мәні жатқан жағдайда ересектерге арналған текті көрсетіңіз.