Angular да иф конструкцияси

Angular да шартни махсус @if конструкцияси ёрдамида ҳам бажариш мумкин. Бу конструкция код блокларини шарт асосида кўрсатиш ёки беркитиш имконини беради. Келинг, унинг билан ишлашни кўриб чиқайлик.

Фарз қилайлик, бизда куйидаги ўзгарувчи мавжуд:

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

Келинг, бу ўзгарувчининг қиймати true бўлганда кўрсатиладиган див ясайлик:

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

Келинг, див бизнинг ўзгарувчимизнинг қиймати false бўлганда кўриниши учун ясаймиз:

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