Angular ရှိ if တည်ဆောက်မှု

Angular တွင်အခြေအနေတစ်ခုကို အထူး တည်ဆောက်မှုတစ်ခုဖြစ်သော @if ဖြင့်လည်း ပြုလုပ်နိုင်သည်။ ဤတည်ဆောက်မှုသည် အခြေအနေပေါ်မူတည်၍ ကုဒ်ဘလောက်များကိုပြသခြင်း သို့မဟုတ် ဝှက်ထားခြင်းကို ခွင့်ပြုသည်။ ၎င်းနှင့်အလုပ်လုပ်နည်းကို ကြည့်ရှုကြပါစို့။

အောက်ပါ variable တစ်ခုရှိသည်ဆိုပါစို့။

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

ဤ variable ၏ တန်ဖိုးသည် true ဖြစ်ပါက ပြသမည့် div တစ်ခုကိုပြုလုပ်ကြပါစို့။

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

ကျွန်ုပ်တို့၏ variable ၏ တန်ဖိုးသည် false ဖြစ်ပါက div ကိုပြသရန် ပြုလုပ်ကြပါစို့။

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