模板引擎(art-template)
https://www.cnblogs.com/chrischan/p/6909706.html
1.下载导入
2.创建模板
type=text/template或者text/html
3.把数据使用在模板中
template(‘模板的id’,{必须是对象,需要渲染的数据})
4.当前方法会返回HTML格式的字符串
5.支持全局对象方法{console:console}
<!-- 2.创建模板 -->
<script type="text/html" id="myTemplate">
<% for(var i = 0 ; i < list.length ; i++){ %>
<h1><%= list[i].username %>======<%= list[i].position %></h1>
<% } %>
</script>
<!-- 1.导入 -->
<script src="lib/artTemplate/template-native.js"></script>
<script>
// 3.准备数据
var data=[
{"username":"疾风剑豪","position":"中路"},
{"username":"小鱼人","position":"中路"},
{"username":"寒冰射手","position":"下路"}
];
// 4.返回HTML格式的字符串
var html=template('myTemplate',{list:data});
console.log(html);
</script>