Az if szerkezet az Angular-ban

Az Angular-ban a feltétel megadható egy speciális @if szerkezettel is. Ez a szerkezet lehetővé teszi kódblokkok megjelenítését vagy elrejtését egy feltétel alapján. Nézzük meg, hogyan kell vele dolgozni.

Tegyük fel, hogy a következő változónk van:

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

Készítsünk egy div-et, amely akkor jelenik meg, ha ennek a változónak az értéke true:

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

Tegyük úgy, hogy a div akkor jelenjen meg, ha a változónk értéke false:

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