Direktiva if u Angularu
U Angularu je moguće postići da se HTML tag
prikazuje ili skriva u zavisnosti
od vrednosti promenljive. Za to se koristi
posebna direktiva *ngIf. Hajde da
pogledamo kako se radi sa njom.
Za početak, ovu direktivu je potrebno importovati:
import {NgIf} from "@angular/common";
I dodati je u imports deo dekoratora:
@Component({
.....
imports: [....., NgIf],
....
})
Pretpostavimo sada da imamo sledeću promenljivu:
export class AppComponent {
public isAdmin: boolean = true;
}
Hajde da napravimo div koji će biti prikazan
ako ova promenljiva ima vrednost true:
<div *ngIf="isAdmin">
text
</div>
A sada hajde da napravimo da div bude prikazan
ako naša promenljiva ima vrednost false:
<div *ngIf="!isAdmin">
text
</div>
Napravite svojstvo isAdult. Prikažite
tekst za odrasle ako u našoj promenljivoj
leži vrednost true.
