angular 国际化移动端可以使用

一、安装translate：执行bower install angular-translate

二、国际化使用方法：

1、在index.html中引入（注意：所有用到的JS都必须在index.html中引入）

<script src="lib/angular/angular.js"></script>
<script src="lib/angular-translate/angular-translate.js"></script>

2、创建multilang.js

angular.module('starter.constants',[])
.provider('test', ['translationCN', 'translationEN', function (translationCN, translationEN) {
this.$get = function () {
return {
providercn: translationCN,
provideren: translationEN
};
}
}]);

3、创建multilang_en.js（英文国际化）

angular.module('starter.constants')
.constant('translationEN',{"100001":"Login","100002":"Register"});

4、app.js中配置

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services','restangular','pascalprecht.translate','starter.constants'])
.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider,RestangularProvider,$translateProvider,testProvider)																																		注意：testProvider指的②中provider名称
//config中国际化配置
$translateProvider.translations('cn',testProvider.$get().providercn);
$translateProvider.translations('en',testProvider.$get().provideren);
$translateProvider.preferredLanguage('cn');//首选语言
$translateProvider.fallbackLanguage('cn');

5、html页面写法

{{'100001' | translate }}

6、页面切换多语言

1.Controller.js中添加

.controller('LanguageSwitchingCtrl', ['$scope', '$translate', function (scope, $translate) {
scope.switching = function (lang) {
$translate.use(lang);
};
}])

2.html页面调用

<div ng-controller="LanguageSwitchingCtrl">
<button ng-click="switching('cn');">中文</button>
<button ng-click="switching('en');">英文</button>
</div>