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 мааниси жатса, чоңдор үчүн текстти көрсөтүңүз.