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:

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

Tampilkan string kita di file template, dengan menerapkan pipe tersebut:

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

Hasil eksekusi kode:

html<div>
  JOHN
</div>

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}