<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul></ul>
<script src="libs/jquery.min.js"></script>
<script src="libs/template-web.js"></script>
<script type="text/template" id="templateLi">
{{each heroes}}
<li><b>{{$value.name}}</b> <span>{{$value.age}}</span></li>
{{/each}}
</script>
<script>
$(function(){
const data={
'heroes':[{
'name':'王朝',
'age':19
},{
'name':'马汉',
'age':20
},
{
'name':'张龙',
'age':21
},
{
'name':'赵虎',
'age':22
}]
};
$('ul').html(template('templateLi',data));
})
</script>
</body>
</html>
