Angular හි පයිප් එකක් හරහා තන්තුවක් කපා ගැනීම

අපි පයිප් එක SlicePipe භාවිතා කරන්නේ කෙසේදැයි ඉගෙන ගනිමු. මෙම පයිප් එක තන්තුවක් කපා ගැනීමට ඉඩ සලසයි. එය ආරම්භක සහ අවසන් දර්ශක සකස් කරන පරාමිතීන් ලබා ගනී. පයිප් එකේ නමෙන් පසු පරාමිතිය යොමු කිරීම සඳහා කොලන් එකක් දමා පරාමිතීන් ලැයිස්තුගත කරන්න.

උදාහරණයක් බලමු. සංරචක පන්තිය තුළ අපි ගුණාංගය name සකස් කරමු:

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>