Angular-da if konstruksiyasi

Angular-da shartli ko'rsatish @if konstruksiyasi yordamida ham amalga oshirilishi mumkin. Ushbu konstruksiya kod bloklarini shart asosida ko'rsatish yoki yashirish imkonini beradi. Keling, uning qanday ishlashini ko'rib chiqaylik.

Faraz qilaylik, bizda quyidagi o'zgaruvchi mavjud:

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

Keling, ushbu o'zgaruvchi true qiymatiga ega bo'lganda ko'rinadigan div yarataylik:

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

Keling, div bizning o'zgaruvchimiz false qiymatiga ega bo'lganda ko'rinsin:

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