if-direktivet i Angular
I Angular kan du gjøre det slik at en tag
blir vist eller skjult avhengig
av verdien til en variabel. For dette brukes
det spesialdirektivet *ngIf. La oss
se hvordan man arbeider med det.
Først må dette direktivet importeres:
import {NgIf} from "@angular/common";
Og legg det til i imports-seksjonen i dekoratøren:
@Component({
.....
imports: [....., NgIf],
....
})
La oss nå anta at vi har følgende variabel:
export class AppComponent {
public isAdmin: boolean = true;
}
La oss lage en div som vil bli vist,
hvis denne variabelen har verdien true:
<div *ngIf="isAdmin">
text
</div>
Og la oss nå gjøre det slik at div-en vises,
hvis variabelen vår har verdien false:
<div *ngIf="!isAdmin">
text
</div>
Lag en egenskap isAdult. Vis
tekst for voksne, hvis variabelen vår
har verdien true.
