通过angular-translate来实现国际化
来源:互联网 发布:java实现公告管理系统 编辑:程序博客网 时间:2024/04/29 19:26
通过angular-translate来实现国际化
1.安装插件
bower install angular-translatebower install angular-translate-loader-static-files
2.添加依赖
var app = angular.module('myApp', ['pascalprecht.translate']);
3.配置插件
.config(function($translateProvider){ //使用静态资源实现国际化 $translateProvider.useStaticFilesLoader({ files: [{ prefix: 'json/locale-',//静态资源文件的前缀 suffix: '.json' //静态资源文件的后缀 }] }); //在这里添加所支持的语种 $translateProvider.registerAvailableLanguageKeys(['en', 'zh'], { 'en_US': 'en', 'zh_CN': 'zh' }); //设置默认语言 // $translateProvider.preferredLanguage('zh'); //跟随系统设置语言 $translateProvider.determinePreferredLanguage(); //当不能使用系统语言时 选择该语言 $translateProvider.fallbackLanguage('zh'); })
4.资源文件
// locale-zh.json{ "test": { "title": "angular-translate", "subtitle": "Angular应用的国际化工具。" }, "content": { "firstline": "这是第一行。", "secondline": "这是第二行。", "hello": "你好 {{name}} !!!" }, "BUTTON_LANG_ZH": "中文", "BUTTON_LANG_EN": "英文" }// locale-en.json{ "test": { "title": "angular-translate", "subtitle": "i18n in your Angular apps, made easy." }, "content": { "firstline": "This is the first line.", "secondline": "This is the second line.", "hello": "hello {{name}} !!!" }, "BUTTON_LANG_ZH": "Chinese", "BUTTON_LANG_EN": "English" }
5.更换语言
$scope.language= function(){ $translate.use("en"); //选择所需要的语言}
0 0
- 通过angular-translate来实现国际化
- Ionic + AngularJS angular-translate 国际化本地化解决方案
- angular-translate国际化中变量替换
- AngularJS 国际化——Angular-translate
- angular国际化angular-translate中语言包的两种形式
- android canvas中translate函数的使用,可以通过translate函数来实现滚动的功能
- angular.js 国际化模块 angular-translate 简单方便快捷翻译中英文等多语言环境
- angular.js 国际化模块 angular-translate 简单方便快捷翻译中英文等多语言环境
- angular.js 国际化模块 angular-translate 简单方便快捷翻译中英文等多语言环境
- 通过cookies实现国际化
- 利用ngx-angular实现angular2的国际化
- Angular国际化
- #angular 国际化
- angular translate入门示例
- angular-translate 的总结
- Angular通过CORS实现跨域方案
- 登陆界面国际化通过插件实现
- 21.struts2_通过超链接实现国际化转换
- JS中超越现实的匿名函数
- multimap
- 840910
- java.lang.NoClassDefFoundError: com.yolanda.nohttp.NoHttp
- RESTful介绍和yii2中RESTful如何配置
- 通过angular-translate来实现国际化
- poj 2135 Farm Tour(最小费用最大流,好题)
- foreach语句:增强for循环
- ios高级开发----RunLoop
- 01背包变化3
- QQ笔试(二)
- 3.保护模式5----特权级概述(转)
- C/C++头文件汇总
- 【jzoj4742】【单峰】