angularjs+jquery 实现html国际化
来源:互联网 发布:拉什福德数据 编辑:程序博客网 时间:2024/06/13 12:24
引入文件
使用jquery+angularJs 国际化首先要导入一下文件
<script type="text/javascript" src="../plug-in/jquery/jquery2.1.0.js"></script><script type="text/javascript" src="../plug-in/angular/angular.js"></script><script type="text/javascript"src="../plug-in/jquery/jquery.i18n.properties-1.0.9.js"></script>定义propties 文件
(1)messageResources_en_US.properties内容如下
language=language(re)
firstName=firstName(re)
lastName=lastName(re)
age=age(re)
sex=sex(re)
birthday=birthday(re)
email=email(re)
address=address(re)
(2)messageResources_zh_CN.properties
language=语言
firstName=姓
lastName=名字
age=年龄
sex=性别
birthday=生日
email=电子邮箱
address=地址
<script>var app = angular.module("testint", []);function test($scope) {$scope.info = null;jQuery.i18n.properties({// 加载资浏览器语言对应的资源文件name : 'messageResources', // 资源文件名称language : 'en_US', //默认为英文当改为zh_CN时页面显示中文语言path : '../resource/', // 资源文件路径mode : 'map', // 用 Map 的方式使用资源文件中的值callback : function() {// 加载成功后设置显示内容$scope.info = $.i18n.map;}});}</script></head><body><div ng-controller="test">{{info.address}} <br>{{info.firstName}}<br>{{info.language}}</div></body>
英文效果
中文效果
0 0
- angularjs+jquery 实现html国际化
- angularjs+jquery 实现html国际化
- angularjs 实现国际化
- angularjs实现国际化
- angularjs实现国际化
- JQuery国际化实现
- Angularjs国际化
- HTML+CSS+jquery 实现环形比例图效果 AngularJS+css实现环形比例图效果
- ASP.NET MVC应用程序中实现国际化(结合使用AngularJS)
- jQuery.i18n.properties实现js国际化
- jQuery.i18n.properties实现前端国际化
- jQuery.i18n.properties实现前端国际化
- AngularJS国际化配置
- JS 前端框架 AngularJS 国际化
- 使用 jQuery.i18n.properties 实现 Web 前端的国际化
- 利用jQuery.i18n实现web前端的国际化
- 使用 jQuery.i18n.properties 实现 Web 前端的国际化
- 使用 jQuery.i18n.properties 实现Web 前端的国际化
- Java线程:线程状态的转换
- C++ LINK:fatal
- ArcGIS For Server10.1新特性之-服务器端打印服务及前端调用
- 【并查集】hdu 1272 小希的迷宫
- linux shmget
- angularjs+jquery 实现html国际化
- ubuntu引导新内核
- Hustler, Designer, Hacker,黄金三角组成完美创业团队
- 面向对象的设计原则,接口和抽象类区别
- 多线程处理相关
- Mysql的Locked状态
- 伤感的restart ear nullpointexception in weblogic
- 一个男人为他媳妇写的,看了特感动!
- IIS问题汇总