Terjemahan ke Huruf Besar melalui Pipe di Angular
Dengan menggunakan pipe UpperCasePipe, kita dapat
mengubah string menjadi huruf besar. Mari kita
mencoba dalam praktik. Misalkan dalam kelas
komponen kita terdapat string berikut:
export class AppComponent {
name: string = 'john';
}
Tampilkan string kita di file template, dengan menerapkan pipe tersebut:
<div>
{{ name | uppercase }}
</div>
Hasil eksekusi kode:
<div>
JOHN
</div>
Misalkan Anda memiliki sebuah array:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Tampilkan setiap elemen array dalam huruf besar.
