Discussion :

[kaari kosaku]

Bonjour le monde et merci d'avoir cliqué et de vous retrouver ici .

Voilà je commence enfin à me lancer dans un petit projet "MEAN stack" et quelque chose me turlupine .

Sans plus attendre, le code super simple qui m'a amené à mon questionnement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
// dans mon contrôleur je déclare une date
date: new Date('08/06/2014'),
...
... 
// dans ma page je l'affiche avec un filtre
{{article.date | date:'d MMM yyyy'}}

Ainsi, tout fonctionne et j'ai ce résultat :

6 Aug 2014

C'est bien beau mais je suis en France, angular est donc censé me donner une date en français...
Pour vérifier j'affiche donc $locale.id et j'obtiens comme résultat : "en-us"... ?

D'où ma question, comme angular détermine-t'il les variables de localisation ?
J'ai testé avec mes 4 navigateurs et j'ai le même résultat, pourtant avec ces mêmes navigateurs, sur tous les sites que je visite, il ne fait aucun doute que la localisation est bonne et doit être "fr-fr".

J'ai cherché sur internet et j'ai trouvé des solutions pour imposer une $locale, mais ici je cherche plutôt à savoir par quelle magie angular a déterminé que j'étais aux us.
J'ai d'abord pensé que par défaut la $locale était fixée à "en-us" et qu'il fallait écrire dans "angular.min.js" pour imposer sa propre locale (comme indiquée dans la doc angular), mais ça me parait aberrant car l'utilité d'une locale c'est justement d'écrire "6 Aout" si on se trouve en france et "6 أغسطس" si on est en egypte...

Du coup je viens à vous, si quelqu'un sait ou a des pistes, merci d'avance .


EDIT : J'ai testé depuis un serveur express en callback (localhost), même si je pense que ça n'a aucune importance car la locale est déterminée en fonction du client, je précise quand même.

[kaari kosaku]

J'ai été voir le code source (ce que j'aurais du faire bien plus tôt ) : https://github.com/angular/angular.j...g/locale.js#L3
Du coup c'est bien ce que j'avais présumé, il faut écraser le $localeProvider avec celui de notre pays (comme expliqué dans la doc : https://docs.angularjs.org/guide/i18n).

Il y a donc plusieurs manières de s'en sortir mais en gros j'ai opté pour ça :

Si on souhaite une redirection automatique en fonction de la langue :

On passe par le serveur pour déterminer la langue par défaut puis on modifie et on charge le fichier à servir contenant les locales.
Dans notre code client, on appelle le .js, typiquement avec une balise <script src="..." ></...
Une fois le fichier de locale appelée on vérifie la locale avec $locale.id.

Si on veut laisser le choix à l'utilisateur avec 2 gentils drapeaux permettant de switcher :

On crée des routes sur angular ../en ../fr ou/et autres et en fonction de la route on charge le fichier de localisation approprié.
Problème : à moins de passer par require.js ou ce genre de lib., il vaut mieux faire ça depuis le serveur qui devra donc gérer le routage /en ou /ck. La page s'actualisera donc à chaque changement de lange.

Vive angular