Angular တွင် Currency Pipe အသုံးပြု၍ ငွေကြေးဖော်မတ်ခြင်း

CurrencyPipe ကို အသုံးပြု၍ ငွေကြေးကို ဖော်မတ်နိုင်သည်။ Pipe ၏ ပထမသတ်မှတ်ချက်တွင် ISO 4217 စံညွှန်းအရ ငွေကြေးကုဒ်ကို ထည့်သွင်းရမည် (ပုံသေအားဖြင့် USD)။ ဒုတိယသတ်မှတ်ချက်တွင် ငွေကြေးဖော်ပြချက်ကို သတ်မှတ်ပေးနိုင်သည်။ ၎င်းသည် အောက်ပါတန်ဖိုးများကို လက်ခံနိုင်သည်- 'code' (ငွေကြေးကုဒ်), 'symbol' (၎င်း၏သင်္ကေတ), 'symbol-narrow' (ငွေကြေးသင်္ကေတများစွာ ရှိသောနိုင်ငံများအတွက်), 'string' (မည်သည့်စာသားကိုမဆို ဖော်ပြရန်အတွက်)။ တတိယ ရွေးချယ်စရာသတ်မှတ်ချက်တွင် DecimalPipe နှင့် ဆင်တူသော နံပါတ်ဖော်မတ်ကို သတ်မှတ်နိုင်သည်။ စတုတ္ထရွေးချယ်စရာသတ်မှတ်ချက်တွင် အသုံးပြုမည့် locale ၏ကုဒ်ကို ဖော်ပြနိုင်သည်-

html<div>{{ value | number : ငွေကြေးကုဒ် : ငွေကြေးဖော်ပြချက် : နံပါတ်ဖော်မတ် : locale ကုဒ် }}</div>

ဥပမာများ

ဥပမာများဖြင့် pipe ၏အလုပ်လုပ်ပုံကို စမ်းကြည့်ပါစို့။ ဤအတွက် component class ထဲတွင် အောက်ပါsalary property ကို သတ်မှတ်ပါမည်၊ ၎င်းတွင် ငွေကြေးတစ်ခုခုဖြင့် လစာပမာဏ ပါဝင်သည်-

app/app.component.tsexport class AppComponent {
  salary: number = 867.564;
}

ဥပမာ

ကျွန်ုပ်တို့၏ နံပါတ်ကို ငွေကြေးအဖြစ်သို့ ပြောင်းလဲကြည့်ပါစို့-

app/app.component.html<div>{{ salary | currency }}</div>

ကုဒ်အလုပ်လုပ်ပြီးနောက် ရလဒ်-

html<div>$867.56</div>

ဥပမာ

ယခု ရုရှားရူဘယ်ငွေကြေး ဖော်ပြချက်ကို သတ်မှတ်ပါစို့-

app/app.component.html<div>{{ salary | currency:'RUB':'code' }}</div>

ကုဒ်အလုပ်လုပ်ပြီးနောက် ရလဒ်-

html<div>RUB867.56</div>

ဥပမာ

နံပါတ်၏ ဘေးတွင် ရုရှားရူဘယ်၏ သင်္ကေတကို ဖော်ပြပါစို့-

app/app.component.html<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

ကုဒ်အလုပ်လုပ်ပြီးနောက် ရလဒ်-

html<div>₽867.56</div>

ဥပမာ

ယခု ဒသမကိန်းအပိုင်းတွင် ဂဏန်းလေးလုံးပါသော နံပါတ်ဖြင့် ဖော်ပြပါစို့-

app/app.component.html<div>{{ salary | currency:'RUB':'symbol':'2.4-5' }}</div>

ကုဒ်အလုပ်လုပ်ပြီးနောက် ရလဒ်-

html<div>RUB867.5640</div>

ဥပမာ

ငွေကြေးဖော်ပြချက်သို့ အောက်ပါစာသားကို ထည့်ပါစို့-

app/app.component.html<div>{{ salary | currency:'RUB':'this is a new currency - ' }}</div>

ကုဒ်အလုပ်လုပ်ပြီးနောက် ရလဒ်-

html<div>this is a new currency - 867.56</div>