If-rakenteet Angularissa
Ehto Angularissa voidaan tehdä myös
käyttämällä erityistä @if-rakennetta.
Tämä rakenne mahdollistaa koodilohkojen
näyttämisen tai piilottamisen ehdon perusteella.
Katsotaan kuinka sen kanssa työskennellään.
Oletetaan, että meillä on seuraava muuttuja:
export class AppComponent {
public isAdmin: boolean = true;
}
Tehdään div, joka näytetään,
jos tämä muuttuja on arvoltaan true:
@if (isAdmin) {
<div>
text
</div>
}
Tehdään niin, että div näytetään, jos
muuttujamme on arvoltaan false:
@if (!isAdmin) {
<div>
text
</div>
}
Tee ominaisuus isAdult. Näytä
aikuisille tarkoitettu teksti, jos muuttujassamme
on arvo true.
