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>