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

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

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

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

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

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>