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:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

Tehdään div, joka näytetään, jos tämä muuttuja on arvoltaan true:

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

Tehdään niin, että div näytetään, jos muuttujamme on arvoltaan false:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}