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'];
}