文档章节

JS实现html国际化三

刘梓航
 刘梓航
发布于 2015/03/18 11:12
字数 140
阅读 2784
收藏 6

步骤一

<script type="text/javascript" src="../js/angular.min.js"></script>
<script type="text/javascript" src="../js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="../js/jquery.i18n.properties-min-1.0.9.js"></script>
<script type="text/javascript" src="../js/jsmart.js"></script>

步骤二

<script type="text/javascript">

var app = angular.module("translate",[]);

//修改默认边界符
app.config(function($interpolateProvider) {
	  $interpolateProvider.startSymbol('[');
	  $interpolateProvider.endSymbol(']');
	});
	
function translate($scope){
	$scope.info = null;
	$.i18n.properties({
		name:'messageResources',
		language:'zh_CN',
		path:'../resource/',
		mode:'map',
		callback:function(){
			$scope.info = $.i18n.map;
		}
	});
	
	
	
}

</script>

步骤三

<body ng-controller="translate">

<div  id="test">
<script id="jsmart_tpl" type="text/x-jsmart-tmpl">
<!--<div ng-bind="info.language">
</div>-->
<div>
[info.language]
</div>
</script>

</div>
<script type="text/javascript">
var data={aa:'123',bb:'1234'};
var tpl = new jSmart(document.getElementById('jsmart_tpl').innerHTML);
var res = tpl.fetch(data);
$("#test").append(res);
</script>

</body>


© 著作权归作者所有

刘梓航
粉丝 12
博文 57
码字总数 11448
作品 0
天津
程序员
私信 提问
2015年10个最佳Web开发JavaScript库

现在的互联网可谓是无所不有,有大量的JavaScript项目开发工具充斥于网络中。我们可以参考网上的指导来获取构建代码项目的各种必要信息。如果你是搞Web开发的,那么大多更喜欢支持前端开发的...

IanSun
2015/03/14
68
0
移动端本地 H5 秒开方案探索与实现

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 企业微信移动端项目中有需求要展示数据趋势的可视化图表,经过调研,最终决定以单页面 H5 来完成,对 APP 里的一些使用 H5 实现的...

腾讯云加社区
2018/06/11
0
0
如何在html页面动态加载js文件

"); //用来动态控制js } } RT 最近在做一个国际化的的html页面 页面加载的时候判断系统语言 然后动态加载 js文件 但是怎么弄 js都没引入成功 求大神看看 急 @红薯...

会打杂的前端攻城狮
2013/05/16
17.7K
12
Vue进阶(三十):vue中使用element-ui进行表单验证

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/85235441 一、简单逻辑验证(直接使用rules) 实现思路 html中给el-form增加 ...

Lo秀娴ve
2018/12/24
0
0
又是一种用于 JavaScript 的前端国际化方案

原文地址:https://prinzeugen.net/yet-an... 现在 Blessing Skin Server 的 HTML 模板是使用 Laravel 自带的本地化来实现多语言支持的,并且使用了 devitek/yaml-translation 这个包把 Lara...

printempw
2016/09/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

vue入门--简单路由配置

本文转载于:专业的前端网站➜vue入门--简单路由配置   在初始化vue init webpack <工程名>时,有一步是询问是否安装vue-router,选择yes,如果没有安装的话,后面需要自己安装。然后在目录...

前端老手
32分钟前
3
0
怎么给视频配音

很多刚开始尝试视频制作的小伙伴,帮助到怎么给制作完成的视频配音,其实给视频配音的方法非常简单,在手机上可以进行制作,下面一起来看看给视频配音的方法吧! 具体步骤如下: 1、首先在手...

白米稀饭2019
41分钟前
3
0
windows批处理bat脚本编写

什么是bat脚本 .bat结尾的文件其实就是windows上的批处理脚本,Windows中的bat文件相当于 Linux中shell编程的.sh脚本,批量执行DOS命令。 其最简单的例子,是逐行书写在命令行中会用到的各种...

孙幼凌
49分钟前
3
0
华为手机翻译功能怎么使用?这三种方法请务必收藏

华为手机翻译功能怎么使用?在我们的生活中会经常遇到翻译问题,许多外语不好的朋友该怎么办呢?华为手机已经为我们解决了这个问题,今天小编就教大家学会使用华为手机中的三种翻译技巧,需要...

翻译小天才
57分钟前
5
0
企业服务软件开发中需要注意的三个问题

在开发企业服务软件时,我们需要分为:业务需求、用户需求、产品需求,三大需求层次,三个层次互相关联,企业服务软件开发首先要服务业务,需要满足业务的需求,再关注用户体验,也就是用户需...

积木创意科技
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部