Директива 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.