Format data based on locale

Angular provides the following built-in data transformation pipes. The data transformation pipes use the [LOCALE_ID][ApiCoreLocaleId] token to format data based on rules of each locale.

Data transformation pipe	Details
[`DatePipe`][ApiCommonDatepipe]	Formats a date value.
[`CurrencyPipe`][ApiCommonCurrencypipe]	Transforms a number into a currency string.
[`DecimalPipe`][ApiCommonDecimalpipe]	Transforms a number into a decimal number string.
[`PercentPipe`][ApiCommonPercentpipe]	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.

html

{{ 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

html

{{ amount | currency: 'USD' : 'symbol' : '1.2-2' : 'en-US' }}

What's next