Angular හි පයිප් එකක් හරහා අක්ෂර කුඩාකරණය කිරීම
LowerCasePipe පයිප් එක භාවිතයෙන්,
අක්ෂර පේළියක් කුඩා කිරීමට හැකිය.
අපි ප්රායෝගිකව උත්සාහ කරමු. අපගේ
කොම්පොනන්ට් පන්තියේ පහත පේළිය ඇතැයි සිතමු:
export class AppComponent {
name: string = 'JOHN';
}
අපගේ පේළිය ටෙම්ප්ලේට් ගොනුවේ ප්රතිදානය කරමු, එහිදී අපගේ පයිප් එක යොදමු:
<div>
{{ name | lowercase }}
</div>
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<div>
john
</div>
ඔබට පහත අරාව ඇතැයි සිතමු:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
අරාවේ එක් එක් අංගය කුඩා අකුරින් ප්රතිදානය කරන්න.
