Konstruktsioon if Angularis

Tingimust Angularis saab teha ka spetsiaalse konstruktsiooni @if abil. See konstruktsioon võimaldab näidata või peita koodiplokke tingimuse alusel. Vaatame, kuidas sellega töötada.

Oletame, et meil on järgmine muutuja:

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

Teeme div-i, mis kuvatakse, kui see muutuja on väärtusega true:

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

Teeme nii, et div kuvataks, kui meie muutuja on väärtusega false:

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