Angular တွင် if ညွှန်ကြားချက်

Angular တွင်၊ တဂ်တစ်ခုသည် ကိန်းရှင်၏ တန်ဖိုးပေါ် မူတည်၍ ပြသခြင်း (သို့) ဝှက်ထားခြင်းကို ပြုလုပ်နိုင်သည်။ ထိုသို့ပြုလုပ်ရန်၊ အထူးညွှန်ကြားချက် *ngIf ကို အသုံးပြုသည်။ ၎င်းနှင့် အလုပ်လုပ်ပုံကို ကြည့်ရအောင်။

အစတွင် ဤညွှန်ကြားချက်ကို import လုပ်ရန် လိုအပ်သည်။

import {NgIf} from "@angular/common";

ပြီးလျှင် decorator ရှိ import ကဏ္ဍသို့ ၎င်းကို ထည့်သွင်းပါ။

@Component({
	.....
	imports: [....., NgIf],
	....
})

ယခု ကျွန်ုပ်တို့တွင် အောက်ပါ ကိန်းရှင်ရှိသည်ဟု ဆိုကြပါစို့။

export class AppComponent {
	public isAdmin: boolean = true;
}

ဤကိန်းရှင်တွင် true တန်ဖိုးရှိပါက ပြသမည့် div တစ်ခု ပြုလုပ်ကြပါစို့။

<div *ngIf="isAdmin">
	စာသား
</div>

ယခု ကျွန်ုပ်တို့၏ ကိန်းရှင်တွင် false တန်ဖိုးရှိပါက div ပြသမည့် ပုံစံပြောင်းလိုက်ပါ။

<div *ngIf="!isAdmin">
	စာသား
</div>

isAdult property ကို ပြုလုပ်ပါ။ ကျွန်ုပ်တို့၏ ကိန်းရှင်တွင် true တန်ဖိုးရှိပါက လူကြီးများအတွက် စာသားကို ပြသပါ။