码迷,mamicode.com
首页 > Web开发 > 详细

JS实现html国际化三

时间:2015-03-18 12:36:28      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

步骤一

<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>


JS实现html国际化三

标签:

原文地址:http://my.oschina.net/u/2255569/blog/388289

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!