Angular හි පයිප් එකක් හරහා අක්ෂර කුඩාකරණය කිරීම

LowerCasePipe පයිප් එක භාවිතයෙන්, අක්ෂර පේළියක් කුඩා කිරීමට හැකිය. අපි ප්‍රායෝගිකව උත්සාහ කරමු. අපගේ කොම්පොනන්ට් පන්තියේ පහත පේළිය ඇතැයි සිතමු:

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

අපගේ පේළිය ටෙම්ප්ලේට් ගොනුවේ ප්‍රතිදානය කරමු, එහිදී අපගේ පයිප් එක යොදමු:

html<div>
  {{ name | lowercase }}
</div>

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}