Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

Format data based on locale

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' }}
    

NOTE:
The locale specified for the CurrencyPipe overrides the global LOCALE_ID token of your application.

What's next

Last reviewed on Mon Feb 28 2022