1. 什么情况下推荐使用template.js
(1)在你的页面布局中存在一样的模块,可以提出公共的模块,便于维护
注:此处用到循环来减少工作量
对应代码如下:
<!--li作为一个公共模块被提取出来作为模板-->
<ul class="cbp_tmtimeline" id="log">
<script id="logTpl" type="text/html">
{{each data as value i}}
<li>
<div class="cbp_tmicon_y"></div>
<div class="cbp_tmlabel" operator="{{value.operator}}">
<div class="t">
<span class="title">{{value.displayName}}</span>
<span class="title2"> </span>
</div>
<span class="note">{{value.variable}}</span>
<div class="info">
<div class="author"><span class="mui-icon mui-icon-person"></span>{{value.operatorName}}</div>
<div class="date">{{value.finishTime}}</div>
</div>
</div>
</li>
{{/each}}
</script>
</ul>
js部分代码:
document.getElementById("log").innerHTML = template("logTpl", {
data: data,
next : nextStatus
});
(2) 将通过ajax获取到的数据展示到页面,使用template可以更方便效率。
2. Template.js使用详解
http://blog.csdn.net/pupilxiaoming/article/details/77118855