欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

angularjs实现国际化

程序员文章站 2022-05-26 16:10:26
...

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>