Marking Text for Translation
Use i18n attributes to mark translatable text.
What Internationalization Solves
Internationalization (i18n) is preparing your app so its text can be translated into other languages without changing the code. Angular has a built-in i18n system based on marking translatable text in templates with the i18n attribute.
The i18n Attribute
Add the i18n attribute to any element whose text should be translated. Angular collects these at build time and replaces the content per locale.
<h1 i18n>Welcome to our store</h1>
<p i18n>Choose a product to begin.</p>All lessons in this course
- Marking Text for Translation
- Extracting and Translating Messages
- Plurals and Select (ICU)
- Building Localized Bundles