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