In-depth Guides
Internationalization

Refer to locales by ID

Angular uses the Unicode locale identifier (Unicode locale ID) to find the correct locale data for internationalization of text strings.

Unicode locale ID

A locale ID specifies the language, country, and an optional code for further variants or subdivisions. A locale ID consists of the language identifier, a hyphen (-) character, and the locale extension.

      
{language_id}-{locale_extension}

HELPFUL: To accurately translate your Angular project, you must decide which languages and locales you are targeting for internationalization.

Many countries share the same language, but differ in usage. The differences include grammar, punctuation, formats for currency, decimal numbers, dates, and so on.

For the examples in this guide, use the following languages and locales.

Language Locale Unicode locale ID
English Canada en-CA
English United States of America en-US
French Canada fr-CA
French France fr-FR

The Angular repository includes common locales.

For a list of language codes, see ISO 639-2.

Set the source locale ID

Use the Angular CLI to set the source language in which you are writing the component template and code.

By default, Angular uses en-US as the source locale of your project.

To change the source locale of your project for the build, complete the following actions.

  1. Open the angular.json workspace build configuration file.
  2. Change the source locale in the sourceLocale field.

What's next