ngIf-direktivet i Angular
I Angular kan du gøre det således, at et tag
bliver vist eller skjult afhængigt
af værdien af en variabel. For at gøre dette anvendes
den specielle directive *ngIf. Lad os
se, hvordan man arbejder med den.
Til at starte med skal denne directive importeres:
import {NgIf} from "@angular/common";
Og tilføje den i imports-sektionen i dekorationen:
@Component({
.....
imports: [....., NgIf],
....
})
Lad os nu antage, at vi har følgende variabel:
export class AppComponent {
public isAdmin: boolean = true;
}
Lad os lave en div, som vil blive vist,
hvis denne variabel har værdien true:
<div *ngIf="isAdmin">
text
</div>
Og lad os nu gøre sådan, at div'en vises,
hvis vores variabel har værdien false:
<div *ngIf="!isAdmin">
text
</div>
Lav en egenskab isAdult. Vis
tekst for voksne, hvis vores variabel
indeholder værdien true.
