AngularJS 国际化支持记录语言刷新后语言不变

发布时间：2020-12-17 09:38:14 所属栏目：安全来源：网络整理

导读：AngularJS 国际化支持记录语言刷新后语言不变 !DOCTYPE htmlhtml ng-app='app'head meta charset="utf-8" title translate="TITLE"Remember language (cookies)/title stylebody { text-align: center; }/style/headbody ng-controller="ctrl" p a href="#"

<!DOCTYPE html>
<html ng-app='app'>
<head>
  <meta charset="utf-8">
  <title translate="TITLE">Remember language (cookies)</title>
  <style>body { text-align: center; }</style>
</head>
<body ng-controller="ctrl">
  <p>
    <a href="#" ng-click="setLang('en_US')">English</a>
    |
    <a href="#" ng-click="setLang('zh_CN')">中文</a>
  </p>
  <h1 translate>HEADER</h1>
  <h2 translate>SUBHEADER</h2>
<script src="https://code.angularjs.org/1.5.10/angular.js"></script>
<script src="../bower_components/angular-cookies/angular-cookies.js"></script>
<script src="../dist/angular-translate.js"></script>
<script src="../dist/angular-translate-storage-cookie/angular-translate-storage-cookie.js"></script>

<script>
// 需要依赖ngCookies
angular.module('app',['pascalprecht.translate','ngCookies'])
.config(['$translateProvider',function($translateProvider){
	
  // 添加英语语言的转换表
  $translateProvider.translations('en_US',{
    "TITLE"     : "How to remember a language (coockies)","HEADER"    : "Your application is able to remember a language between requests.","SUBHEADER" : "To store the language you can use cookies."
  });
  // 添加中文语言的转换表
  $translateProvider.translations('zh_CN',{
    "TITLE"     : "怎样记住选择语言(cookies)","HEADER"    : "您的应用程序可以存储请求之间的语言。","SUBHEADER" : "要存储可以使用Cookie的语言。",});
  // 设置默认的语言
  $translateProvider.preferredLanguage('en_US');
  // 将语言类型存放在cookies中
  $translateProvider.useCookieStorage();

}]).controller('ctrl',['$scope','$translate',function($scope,$translate) {
  	$scope.setLang = function(langKey) {
    $translate.use(langKey);
  };
}]);
</script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

AngularJS 国际化 支持记录语言刷新后语言不变

AngularJS 国际化支持记录语言刷新后语言不变