Angular හි පයිප් එකක් හරහා තන්තුවක් කපා ගැනීම
අපි පයිප් එක SlicePipe භාවිතා කරන්නේ කෙසේදැයි ඉගෙන ගනිමු.
මෙම පයිප් එක තන්තුවක් කපා ගැනීමට ඉඩ සලසයි. එය
ආරම්භක සහ අවසන් දර්ශක සකස් කරන පරාමිතීන් ලබා ගනී.
පයිප් එකේ නමෙන් පසු පරාමිතිය යොමු කිරීම සඳහා
කොලන් එකක් දමා පරාමිතීන් ලැයිස්තුගත කරන්න.
උදාහරණයක් බලමු. සංරචක පන්තිය තුළ
අපි ගුණාංගය name සකස් කරමු:
export class AppComponent {
name: string = 'john';
}
දැන් පයිප් එක SlicePipe
භාවිතා කර තන්තුව කපා ගනිමු, ඒ සඳහා ආරම්භක
සහ අවසන් දර්ශක සඳහන් කරමු:
<div>
{{ name | slice:0:2 }}
</div>
එහි ප්රතිඵලය පහත පරිදි වේ:
<div>
jo
</div>
අක්ෂර 11 ක් ඇතුළත් තන්තුවක් සාදන්න.
දර්ශක 2 සිට 4 දක්වා කොටස පරික්ෂකය මත පෙන්වන්න.
