AngularJS: locale dynamique - angularjs, internationalisation, locale, angular-translate

J'utilise Locale dynamique angulaire et Angulaire-Traduire pour l'internationalisation et la localisation (i18n). Et fonctionne bien.

J'aime l'idée de angulaire-traduire il est possible de changer la langue sans actualiser la page.

• Est-il possible de faire la même chose avec Locale dynamique angulaire? Si c'est possible, comment puis-je l'obtenir?

Tous les mots de angular-translate ont changé automatiquement, mais pas les mots de angular_locale (datapicker, etc), que les utilisateurs ont besoin d'actualiser la page.

Merci!

Réponses:

Au cas où vous n’auriez pas besoin d’utiliser les paramètres régionaux angulaires dynamiques, vous pouvez créer votre propre LocaleFactory comme ceci:

 factory("LocaleFactory", function ( $locale, $translate) {
var locales = {
nl: {
"DATETIME_FORMATS": {
"AMPMS"     : [
"AM",
"PM"
],
"DAY"       : [
"zondag",
"maandag",
"dinsdag",
"woensdag",
"donderdag",
"vrijdag",
"zaterdag"
],
"MONTH"     : [
"januari",
"februari",
"maart",
"april",
"mei",
"juni",
"juli",
"augustus",
"september",
"oktober",
"november",
"december"
],
"SHORTDAY"  : [
"zo",
"ma",
"di",
"wo",
"do",
"vr",
"za"
],
"SHORTMONTH": [
"jan.",
"feb.",
"mrt.",
"apr.",
"mei",
"jun.",
"jul.",
"aug.",
"sep.",
"okt.",
"nov.",
"dec."
],

"fullDate"  : "EEEE d MMMM y",
"longDate"  : "d MMMM y",
"medium"    : "d MMM y HH:mm:ss",
"mediumDate": "d MMM y",
"mediumTime": "HH:mm:ss",
"short"     : "dd-MM-yyyy HH:mm",
"shortDate" : "dd-MM-yyyy",
"shortTime" : "HH:mm"
},
"NUMBER_FORMATS"  : {
"CURRENCY_SYM": "u20ac",
"DECIMAL_SEP" : ",",
"GROUP_SEP"   : ".",
"PATTERNS"    : [
{
"gSize"  : 3,
"lgSize" : 3,
"macFrac": 0,
"maxFrac": 3,
"minFrac": 0,
"minInt" : 1,
"negPre" : "-",
"negSuf" : "",
"posPre" : "",
"posSuf" : ""
},
{
"gSize"  : 3,
"lgSize" : 3,
"macFrac": 0,
"maxFrac": 2,
"minFrac": 2,
"minInt" : 1,
"negPre" : "u00a4u00a0",
"negSuf" : "-",
"posPre" : "u00a4u00a0",
"posSuf" : ""
}
]
}
}
};

return {
setLocale: function (key) {
$translate.use(key);
angular.copy(locales[key], $locale);
}
};
});

De même, vous pouvez également ajouter d'autres sections locales

Appelez setLocale pour changer les paramètres régionaux

run(function (LocaleFactory) {
LocaleFactory.setLocale("nl");
});

Chaque fois que vos paramètres régionaux sont modifiés, vous pouvez appeler setLocale en fournissant la clé de paramètres régionaux en tant qu'argument. Cela changera instantanément vos paramètres régionaux