Angular provides the following built-in data transformation pipes.
The data transformation pipes use the LOCALE_ID token to format data based on rules of each locale.
| Data transformation pipe | Details |
|---|---|
DatePipe |
Formats a date value. |
CurrencyPipe |
Transforms a number into a currency string. |
DecimalPipe |
Transforms a number into a decimal number string. |
PercentPipe |
Transforms a number into a percentage string. |
Use DatePipe to display the current date
To display the current date in the format for the current locale, use the following format for the DatePipe.
{{ today | date }}
Override current locale for CurrencyPipe
Add the locale parameter to the pipe to override the current value of LOCALE_ID token.
To force the currency to use American English (en-US), use the following format for the CurrencyPipe
{{ amount | currency : 'en-US' }}
HELPFUL: The locale specified for the CurrencyPipe overrides the global LOCALE_ID token of your application.