angularjs实现国际化

1.引入js文件

<script type="text/javascript" src="resources/angular/angular.min.js"></script> 
<script type="text/javascript" src="resources/angular/angular-cookies.min.js"></script>//要求angularjs版本为1.6以上
<script type="text/javascript" src="resources/angular/angular-translate.min.js"></script>

 

 

2.注册配置

var app = angular.module("app", ['pascalprecht.translate', 'ngCookies']);

app.config('$translateProvider', function ($translateProvider) {
    $translateProvider.translations('en_US', {
        TITLE: 'Login'
    });
    $translateProvider.translations('zh_CH', {
        TITLE: '登录'
    });
    //默认语言
    $translateProvider.preferredLanguage('zh_CH');
  //保存到cookie中 
    $translateProvider.useCookieStorage();
});

app.controller('ngCtrl',function($scope, $translate){ 
	//国际化  
    $scope.setLang = function(lang) {
        $translate.use(lang);  
    }; 
});

 

3.页面调用事件

    <a href="#" ng-click="setLang('en_US')">English</a> | <a href="#" ng-click="setLang('zh_CH')">中</a>