腾讯模板引擎template
template.js是一款JavaScript模板引擎,用来渲染页面的。
原理:提前将Html代码放进编写模板
script id="tpl" type="text/html"></script>
中,当需要渲染页面时,在js里这样调用:
var tpl = document.getElementById('tpl').innerHTML; template(tpl, data});
1、腾讯模板引擎基本用法。
html里面
<div id="wp"></div>
<script id="tpl" type="text/html">
<ul>
{{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}}
</ul>
</script>
js里面
<script> var data={ items:[{'name':'名字一','val':'数据一'}, {'name':'名字二','val':'数据二'}, {'name':'名字三','val':'数据三'}, {'name':'名字四','val':'数据四'} ] } var html = template(document.getElementById('tpl').innerHTML,data); document.getElementById('wp').innerHTML = html; </script>
浩楠哥