Chuyển đổi sang chữ thường qua pipe trong Angular

Với pipe LowerCasePipe, bạn có thể chuyển một chuỗi sang chữ thường. Hãy thử 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 vào nó:

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

Kết quả thực thi mã:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}