Support Angular JS pour la localisation

Question

J'ai essayé de trouver de la documentation sur AngularJS pour supporter plusieurs langues sans succès. La localisation est-elle supportée?

Answer 1

Consultez angular-translate ici : https://github.com/angular-translate/angular-translate

pour tous les bricoleurs :

Vous pouvez trouver des fichiers localisés pour Angular ici : ici

Ces fichiers vous aideront avec les filtres intégrés d'Angular : date, currency et number. Incroyable... jusqu'à présent.

Maintenant, si vous voulez utiliser vos propres textes, tout ce dont vous avez besoin est la puissance de l'injection de dépendance d'angular.js. Créez un nouveau fichier comme : "mesTextes_fr_fr.js" et utilisez $provide.value de cette manière :

$provide.value("mesTextes", {firstText : "Ceci est mon texte localisé"});

Pour plus de détails :
http://jsfiddle.net/4tRBY/24/

Pour une utilisation réelle, vous devriez ajouter un filtre : http://jsfiddle.net/4tRBY/41/

Conseils :

• Assurez-vous d'insérer votre nouveau fichier de localisation dans votre html manuellement, via JS ou le serveur. (Le serveur est le meilleur choix ici !)
• Si vous incluez l'un des fichiers de localisation d'angular, vous n'avez pas besoin de le configurer dans votre module d'application. (vous aurez automatiquement $locale - voir le fiddle)
• Ajoutez une clé id à votre $provide-value - et définissez la valeur sur un code de langue que vous utilisez dans votre fichier - cela sera utile pour les tests.

Answer 2

Ce que vous recherchez est $locale.

Il y a en fait un exemple à mi-chemin sur la page d'accueil d'angularjs également.

Un extrait de leur exemple:

function BeerCounter($scope, $locale) {
  $scope.beers = [0, 1, 2, 3, 4, 5, 6];
  if ($locale.id == 'en-us') {
    $scope.beerForms = {
      0: 'pas de bière',
      one: '{} bière',
      other: '{} bières'
    };
  } else {
    $scope.beerForms = {
      0: 'žiadne pivo',
      one: '{} pivo',
      few: '{} pivá',
      other: '{} pív'
    };
  }
}

Je ne suis pas sûr que ce soit une "norme" en tant que telle... mais c'est un début. Si vous aviez beaucoup de localisation à faire, je pense que je créerais simplement un service à injecter dans mes contrôleurs... quelque chose comme ce pseudo-code:

app.service('myLocalization', ['$locale', function($locale) {
    var res = {
       'help' : { 
           'en-us': 'help',
           'es-mx': 'ayudame'
       },
       'beer' : {
            'en-us': 'bière',
            'es-mx': 'cerveza'
       }
    }

    return {
       getString: function(key) {
          return res[key][$locale.id];
       }
    }
});

Answer 3

J'ai créé un module spécifiquement pour des fins de localisation - https://github.com/4vanger/angular-l10n Il prend en charge la localisation des messages, les substitutions de paramètres, le changement de locale en vol et offre plusieurs moyens pratiques de l'utiliser - filtres, directives, etc.

Answer 4

Vous pouvez aussi consulter ceci:

https://github.com/angular-ui/ui-utils/pull/173

les performances sont meilleures que celles de toutes les autres bibliothèques i18n disponibles pour Angular pour le moment.

Answer 5

Si vous recherchez un support i18n, vous pouvez vous référer au projet ci-dessous qui possède une capacité multilingue complète et est facile à implémenter. Jetez un œil au projet sur github

angularjs-localizationservice