Pipes modify how a data-bound value is displayed in the HTML template.
| Name | Purpose | Usage |
| Date | Formats a date according to locale rules | {{date_value | date[:format]}} |
| Text Transformation | Transforms text to uppercase, lowercase, or title case |
{{value | uppercase}} {{value | lowercase}} {{value | titlecase }} |
| Decimal | Formats a number according to locale rules | {{number | number[:digitInfo]}} |
| Percent | Formats a number as a percentage according to locale rules | {{number | percent[:digitInfo]}} |
| Currency | Formats a number as currency with currency code and symbol according to locale rules | {{number | currency[:currencyCode [:symbolDisplay[:digitInfo]]]}} |
Pipes Source: https://angular.io/guide/pipes
