Angular တွင် Pipe များကို ဆက်တိုက် အသုံးပြုခြင်း

တန်ဖိုးတစ်ခုပေါ်တွင် Pipe မျိုးစုံအသုံးပြုရန်၊ Pipe များကို ဆက်တိုက် အသုံးပြုနိုင်ပါသည်။ ထိုသို့ပြုလုပ်ရန် လိုအပ်သော Pipe အားလုံးကို သင်္ကေတ | ဖြင့် ခြားပြီး ရေးသားရပါမည်။

အဓိက Component class အတွင်း ဂုဏ်သတ္တိတစ်ခုဖြစ်သည့် name ကို သတ်မှတ်ကြပါစို့။

export class AppComponent {
	name: string = 'john d.';
}

HTML template အတွင်း၊ စာသား ' d.' အပိုင်းကို ဖယ်ရှားပြီး သုံးစွဲသူအမည်ကို စာလုံးအကြီးများဖြင့် ပြသမည်။

<div>{{ name | uppercase | slice:0:4 }}</div>

သင်၏ အဓိက Component class အတွင်း စာလုံး 10 လုံးပါဝင်သည့် String တစ်ခုကို သတ်မှတ်ပါ။ ၎င်း၏ နောက်ဆုံးစာလုံး ငါးလုံးကို စာလုံးအကြီးများဖြင့် စခရင်ပေါ်တွင် ပြသပါ။