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.
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
Translation withing components:
https://lokalise.com/blog/angular-i18n/#Translations_within_Components
https://lokalise.com/blog/angular-i18n/#Translations_within_Components
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
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
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
Post a Comment