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

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

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

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

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

<div>
	{{ name | slice:0:2 }}
</div>

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

<div>
	jo
</div>

အက္ခရာ 11 လုံးပါဝင်သည့် စာကြောင်းတစ်ခု ဖန်တီးပါ။ အညွှန်း 2 မှ 4 အထိ အပိုင်းကို မျက်နှာပြင်တွင် ပြသပါ။