Internationalization (i18n) + Angular

Angela Ordoñez

https://github.com/angelitaooo

WHY DOES THIS MATTER?

+

NG CATS!

DUPLICATED APPS

ES

EN

ES

EN

FR

DE

IT

JA

EL

SERVER

Set a custom id for persistence and maintenance

here is cat locked "

Help the translator with a description and meaning

Add i18n translation attributes

Create a translation source file with ng xi18n

Make a copy of the messages.xlf file.

Merge with the AOT compiler

Merge with the JIT compiler (main.ts)

Then provide the LOCALE_ID in the main module:

app.module.ts

PROS AND TIPS

  • Dynamic content can't be translated

CONS

  • Use JIT for local development
  • First add all i18n attributes
  • Non technical people can help you with translations 

THANKS!!

Internationalization (i18n) + Angular

By Angela Ordoñez

Internationalization (i18n) + Angular

  • 36