Chuyển đổi sang chữ hoa qua pipe trong Angular

Với pipe UpperCasePipe, bạn có thể chuyển đổi một chuỗi sang chữ hoa. Hãy cùng thực hành. Giả sử trong lớp component của chúng ta có chuỗi sau:

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

Hãy hiển thị chuỗi của chúng ta trong file template, áp dụng pipe:

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

Kết quả thực thi code:

html<div>
  JOHN
</div>

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