if-constructie in Angular
Voorwaarden in Angular kunnen ook worden gemaakt met
behulp van de speciale constructie @if.
Deze constructie maakt het mogelijk om blokken code
te tonen of te verbergen op basis van een voorwaarde. Laten we
bekijken hoe we ermee kunnen werken.
Stel dat we de volgende variabele hebben:
export class AppComponent {
public isAdmin: boolean = true;
}
Laten we een div maken die wordt getoond
als deze variabele de waarde true heeft:
@if (isAdmin) {
<div>
text
</div>
}
Laten we het zo maken dat de div wordt getoond als
onze variabele de waarde false heeft:
@if (!isAdmin) {
<div>
text
</div>
}
Maak een eigenschap isAdult. Toon
tekst voor volwassenen als in onze variabele
de waarde true ligt.