Die if-direktief in Angular
In Angular kan 'n tag vertoon of versteek word afhangende
van die waarde van 'n veranderlike. Hiervoor word die
spesiale direktief *ngIf gebruik. Kom ons kyk
hoe om daarmee te werk.
Eerstens moet hierdie direktief geïmporteer word:
import {NgIf} from "@angular/common";
En voeg dit by die invoerafdeling in die dekorator:
@Component({
.....
imports: [....., NgIf],
....
})
Gestel ons het nou die volgende veranderlike:
export class AppComponent {
public isAdmin: boolean = true;
}
Kom ons maak 'n div wat vertoon sal word
as hierdie veranderlike die waarde true het:
<div *ngIf="isAdmin">
text
</div>
En nou maak ons so dat die div vertoon word
as ons veranderlike die waarde false het:
<div *ngIf="!isAdmin">
text
</div>
Maak die eienskap isAdult. Wys
teks vir volwassenes as ons veranderlike
die waarde true bevat.
