Menu
I built an angular app in french, so now i want to use internationalization (i18n) to provide it in other languages like En, so the problem is the default locale for Angular is En-es and when i write this <span i18n>Mes endroits</span>,I have this
<file source-language= "en-US" datatype="plaintext" original="ng2.template">// source is English
<body>
<trans-unit id="4df6e2173dc9d9f8c60481273cf3371981e60fde" datatype="html">
<source>Mes endroits</source> ... // but this is in french
and i want the source language to be fr and provide for example messages.en.xlf
so can I change the default locale to fr , or I have to rewrite my code in English and provide messages.fr.xlf
743
This should be possible by setting the sourceLocale in the angular.json file. In my case the core application is german, so the relevant part of the file reads as follows:
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"angular-client": {
"i18n": {
"sourceLocale": {
"code": "de",
"baseHref": ""
},
"locales": {
"en": {
"translation": "src/locale/messages.en.xlf",
"baseHref": ""
}
}
}
}
}
}
For me this works just as expected, the XLF files are all attributed correctly.
173
This could help you ngx-translate/ng2-translate, this library is very common in angular projects.
Personaly I prefer to do translation this way.
You will be able to use the translate pipe. like this
<p>{{ 'myPlaces' | translate }}</p>
And in a fr.json define :
{ 'myPlaces' : 'Mes endroits' }
I let you check the documentation
30
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
