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:
export class AppComponent {
name: string = 'john';
}
Hãy hiển thị chuỗi của chúng ta trong file template, áp dụng pipe:
<div>
{{ name | uppercase }}
</div>
Kết quả thực thi code:
<div>
JOHN
</div>
Giả sử bạn có một mảng:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Hãy hiển thị từng phần tử của mảng ở dạng chữ hoa.