If konstrukcija Angular

Sąlygą Angular taip pat galima sukurti su specialia konstrukcija @if. Ši konstrukcija leidžia rodyti arba slėpti kodo blokus pagal sąlygą. Pažiūrėkime, kaip su ja dirbti.

Tarkime, kad turime šį kintamąjį:

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

Sukurkime div, kuris bus rodomas, jei šis kintamasis turi reikšmę true:

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

Padarykime taip, kad div būtų rodomas, jei mūsų kintamasis turi reikšmę false:

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