if konstrukcija Angular

Nosacījumu Angular var izveidot arī ar īpašas konstrukcijas @if palīdzību. Šī konstrukcija ļauj rādīt vai slēpt koda blokus atkarībā no nosacījuma. Apskatīsim, kā ar to strādāt.

Pieņemsim, ka mums ir šāds mainīgais:

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

Izveidosim div, kas tiks rādīts, ja šim mainīgajam ir vērtība true:

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

Padarīsim tā, lai div tiktu rādīts, ja mūsu mainīgajam ir vērtība false:

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