AngularJS国际化配置
来源:互联网 发布:淘宝支付宝账号怎么改 编辑:程序博客网 时间:2024/06/05 06:40
AngularJS国际化配置
下载angular-translate
下载zip包:https://github.com/angular-translate/bower-angular-translate/releases
引入到js文件
<script src="/bower_components/angular-translate-2.15.2/angular-translate.min.js"></script><script src="/bower_components/angular-translate-loader-static-files-2.15.2/angular-translate-loader-static-files.min.js"></script>
加载tranlate组件
var authModule = angular.module("AuthModule", ['pascalprecht.translate']);var transProvider = function($translateProvider) { var lang = window.localStorage.lang || 'cn'; $translateProvider.preferredLanguage(lang); $translateProvider.useStaticFilesLoader({ prefix: '/i18n/', suffix: '.json' });};authModule.config(['$translateProvider', transProvider]);
建立多语言文件
在项目中建立i18n目录。并且在目录下建立对应语言的文件,例如:
- en.json
- cn.json
在消息文件内容写入:
{ "name": "名字",}
在html中使用
<div>{{each.data.name | translate }}</div>
在js代码中进行翻译
$scope.name = $translate.instant("name");
@完
阅读全文
0 0
- AngularJS国际化配置
- Angularjs国际化
- angularjs 实现国际化
- angularjs实现国际化
- angularjs实现国际化
- angularjs+jquery 实现html国际化
- JS 前端框架 AngularJS 国际化
- angularjs+jquery 实现html国际化
- Ionic + AngularJS angular-translate 国际化本地化解决方案
- AngularJS 国际化——Angular-translate
- 双语网站国际化策略(angularjs)
- velocity国际化配置
- JSP国际化配置
- Spring MVC国际化配置
- Spring MVC国际化配置
- Spring国际化配置
- Struts2 配置国际化支持
- 1.struts国际化:配置
- Python学习第一章:第一次的亲密接触之初识程序(二)
- 日志记录(log4j)
- Azkaban实战
- 根据要素选择集,创建新图层
- IDEA创建servlet 找不到javax.servlet包的解决方法
- AngularJS国际化配置
- 【hdu 1176】免费馅饼
- bzoj 3224: Tyvj 1728 普通平衡树
- bzoj 1711: [Usaco2007 Open]Dining吃饭 网络流
- HDU 6092 Rikka with Subset
- HDU6092 Rikka with Subset
- MD5理解
- 01背包问题收录.
- JZOJ1217. 软件开发(2017年8月B组)