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:

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

Tampilkan string kita di file templat, dengan menerapkan pipa kita di dalamnya:

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

Hasil eksekusi kode:

html<div>
  john
</div>

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