Angular တွင် Pipe မှတစ်ဆင့် စာသားအား စာလုံးအသေးများအဖြစ် ပြောင်းလဲခြင်း

LowerCasePipe pipe ကို အသုံးပြု၍ စာသားအား စာလုံးအသေးများအဖြစ် ပြောင်းလဲနိုင်ပါသည်။ လက်တွေ့လုပ်ဆောင်ကြည့်ရအောင်။ Component class ထဲတွင် အောက်ပါစာသား ရှိသည်ဆိုပါစို့:

app/app.component.tsexport class AppComponent {
  name: string = 'JOHN';
}

ကျွန်ုပ်တို့၏ စာသားကို template ဖိုင်ထဲတွင် ထုတ်ပြရန်၊ ကျွန်ုပ်တို့၏ pipe ကို အသုံးပြု၍:

html<div>
  {{ name | lowercase }}
</div>

ကုဒ် run ပြီးနောက် ရရှိသော ရလဒ်:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}