Biến đổi dữ liệu với Pipes
Với Angular data binding, việc hiển thị dữ liệu trở nên thật dễ dàng. Chỉ cần bind một thuộc tính của element với một thuộc tính của class là xong. Nhưng, không phải lúc nào cũng vậy. Thỉnh thoảng dữ liệu của chúng ta không có định dạng phù hợp để hiển thị. Đó là lúc pipes trở nên có ích. Pipes sẽ biến đổi thuộc tính ràng buộc trước khi chúng ta hiển thị do đó chúng ta có thể chỉnh sửa giá trị của thuộc tính để chúng thân thiện và phù hợp hơn với người dùng. Angular cũng cung cấp một số pipes được xây dựng sẵn cho việc định dạng dữ liệu như date, number, decimal, percent, currency, uppercase, lowercase, v.v… Angular cũng cũng cấp một vài pipes để làm việc với đối tượng như JSON pipe để hiển thị nội dung của một đối tượng như một chuỗi JSON, điều này sẽ giúp ích rất nhiều khi debugging. Ngoài ra chúng ta cũng có thể xây dưng những custom pipes, chúng ta sẽ được tìm hiểu nó trong bài học tiếp theo. Ở bài học này, chúng ta hãy bắt đầu với những ví dụ đơn giản.
Ở ví dụ này, chúng ta sử dụng pipe để biến đối mã sản phẩm, giá tiền thành chữ thường, tên sản phẩm là chữ hoa. Hãy chú ý đến cú pháp để áp dụng một pipe. Ngoài ra chúng cũng có thể sử dụng nhiều pipe lồng nhau để biến đổi dữ liệu như mong muốn, hoặc tự định dạng dữ liệu theo một kiểu mà ta mong muốn.
Last updated