Angular-da if direktivasi
Angular-da tegni o'zgaruvchi qiymatiga qarab ko'rsatish yoki yashirish mumkin.
Buning uchun maxsus *ngIf direktivasi qo'llaniladi. Keling,
uning bilan qanday ishlashni ko'rib chiqaylik.
Boshlanish uchun ushbu direktivani import qilish kerak:
import {NgIf} from "@angular/common";
Va uni dekoratordagi importlar bo'limiga qo'shing:
@Component({
.....
imports: [....., NgIf],
....
})
Endi faraz qilaylik, bizda quyidagi o'zgaruvchi mavjud:
export class AppComponent {
public isAdmin: boolean = true;
}
Keling, ushbu o'zgaruvchi true qiymatiga ega bo'lganda ko'rsatiladigan div yarataylik:
<div *ngIf="isAdmin">
text
</div>
Endi esa, div bizning o'zgaruvchimiz false qiymatiga ega bo'lganda ko'rinsin:
<div *ngIf="!isAdmin">
text
</div>
isAdult xususiyatini yarating.
Agar o'zgaruvchimizda true qiymati bo'lsa, kattalar uchun matnni ko'rsating.
