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

SlicePipe ကို အသုံးပြုနည်းကို သင်ယူကြရအောင်။ ဤ pipe သည် စာကြောင်းများကို ဖြတ်ရန် ခွင့်ပြုပါသည်။ ဖြတ်ရန် အစနှင့် အဆုံး အညွှန်းများကို သတ်မှတ်ပေးသည့် ပါရာမီတာများကို လက်ခံပါသည်။ ပါရာမီတာများ ပို့လွှတ်ရန် pipe အမည်နောက်တွင် ကိုလံထား၍ ပါရာမီတာများကို စာရင်းပြုစေပါသည်။

ဥပမာဖြင့် ကြည့်ရအောင်။ Component class အတွင်း၌ name property တစ်ခုကို သတ်မှတ်ပါမည်။

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

ယခု SlicePipe ကို အသုံးပြု၍ စာကြောင်းကို ဖြတ်ပါမည်။ ၎င်းအတွက် အစနှင့် အဆုံး အညွှန်းများကို သတ်မှတ်ပါမည်။

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

ရလဒ်အနေဖြင့် အောက်ပါအတိုင်းရပါမည်။

app/app.component.html<div>
  jo
</div>