Internationalization and Localisation with Angular

Internationalisation guide for Angular:
https://angular.io/guide/i18n
Pros:
- official from angular team
- many examples from user community:
Eg. 
https://medium.com/@marcozuccaroli/a-multilanguage-application-with-angular-universal-6e5fe4c2d81c

Eg.
https://medium.com/@jinalshah999/multiple-language-support-in-angular-application-using-i18n-8648df410717
Internationalization is the process of designing and preparing your app to be usable in different languages. Localization is the process of translating your internationalized app into specific languages for particular locales.

Cons:
- Makes one tranlation file for the entire project. 
Would like to have a translation file for a component.. not an entire project !!


-x-x-x-
i18Next
https://www.i18next.com/overview/introduction    
Has angular integrations:
Pros:
- has a live demo: https://romanchuk.github.io/angular-i18next-demo/

Cons:
Works as a plugin:
- translation data mostly will be stored in memory



A very nice and almost complete guide:
Blog:
https://lokalise.com/blog/angular-i18n
A video tutorial of the blog:
https://www.youtube.com/watch?v=JJ9gMbIe8X4


Also in there:
https://github.com/ngx-translate/core
Exclusive for Android


The translations editor:
https://www.codeandweb.com/babeledit
(its compatibility is a list of other frameworks available )
https://www.codeandweb.com/babeledit


If you just want to do a quick-fix:
https://blog.angulartraining.com/how-to-internationalize-i18n-your-angular-application-tutorial-dee2c6984bc1
Angular reads the current locale from an injection token called LOCALE_ID. This means you would have to change that token depending on the locale                    




How to do it on v5.

Still have not been able to make it work with: ng serve

Comments

Popular Posts