Дырэктыва if у Angular

У 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.