基于ejs语法的简单模板
- IE8+
dist/etpl.min.js
普通浏览器js引入dist/etpl.umd.js
浏览器umd引入方式dist/etpl.cjs.js
node引入方式dist/etpl.es.js
ES6模块引入方式
在html中引入js
<script src="../dist/etpl.min.js"></script>
书写模板
<div id="tmpdiv">
</div>
<script type="text/template" id="tmp">
<ul>
<% list.forEach((val,index)=>{ %>
<li class="li-<%= index %>"><%= val %></li>
<% }) %>
</ul>
</script>
执行方法
var tpl = etpl(document.getElementById('tmp').innerHTML);
document.getElementById('tmpdiv').innerHTML = tpl({list:[1,2,3]});
效果
<div id="tmpdiv">
<ul>
<li class="li-0">1</li>
<li class="li-1">2</li>
<li class="li-2">3</li>
</ul>
</div>