Terjemahan kepada Huruf Besar melalui Paip dalam Angular

Dengan menggunakan paip UpperCasePipe, kita boleh menukar rentetan kepada huruf besar. Mari cuba dalam amalan. Katakan dalam kelas komponen kita mempunyai rentetan berikut:

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

Mari paparkan rentetan kami dalam fail templat, dengan menggunakan paip ini padanya:

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

Hasil pelaksanaan kod:

html<div>
  JOHN
</div>

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