Terjemahkan ke Huruf Kecil melalui Pipa di Angular
Dengan menggunakan pipa LowerCasePipe,
string dapat diubah menjadi huruf kecil.
Mari kita coba dalam praktik. Misalkan dalam
kelas komponen kita memiliki string berikut:
export class AppComponent {
name: string = 'JOHN';
}
Tampilkan string kita di file templat, dengan menerapkan pipa kita di dalamnya:
<div>
{{ name | lowercase }}
</div>
Hasil eksekusi kode:
<div>
john
</div>
Misalkan Anda memiliki sebuah array:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Tampilkan setiap elemen array dalam huruf kecil.
