template.js学习（最基本的 一）

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>template.js学习</title>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/template.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div id="content"></div>
<script id="test" type="text/html">
{{if istrue}}
<h1>{{title}}</h1>
<ul>
{{each list as value i}}
<li>{{value}}</li>
{{/each}}
<div>
<p>转义：{{listdata}}</p>
<p>不转义：{{#listdata}}</p>
</div>
</ul>
{{/if}}
</script>
<script>
var data = {
title: '学习template',
istrue: true,
list: ['1', '2', '3', '4', '5', '6', '7'],
listdata:'<h1>test</h1>'
};
var dataGet = template('test', data);
$("#content").html(dataGet)
</script>
</body>

</html>

posted @ 2017-05-11 14:50  Lonelycity  阅读(272)  评论(0)    收藏  举报