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:
export class AppComponent {
public isAdmin: boolean = true;
}
Keling, ushbu o'zgaruvchi true qiymatiga ega bo'lganda
ko'rinadigan div yarataylik:
@if (isAdmin) {
<div>
matn
</div>
}
Keling, div bizning o'zgaruvchimiz false qiymatiga
ega bo'lganda ko'rinsin:
@if (!isAdmin) {
<div>
matn
</div>
}
isAdult xususiyatini yarating.
Agar o'zgaruvchimizda true qiymati saqlangan bo'lsa,
kattalar uchun matnni ko'rsating.