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

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

export class AppComponent {
	name: string = 'JOHN';
}

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

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

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

<div>
	john
</div>

သင့်ထံတွင် အောက်ပါ array ရှိသည်ဆိုပါစို့:

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

Array ထဲရှိ အရာဝတ္ထုတစ်ခုချင်းစီကို စာလုံးအသေးများဖြင့် ထုတ်ပြပါ။