官方网站
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="template-web.js"></script>
</head>
<body>
<div id="a1"></div>
<script id="t2" type="text/html">
{{ each }}
<ul>
<li>{{ $index+1 }}--{{ $value.task }}</li>
</ul>
{{ /each }}
</script>
<script>
var b1 = [
{task: '吃饭'},
{task: '睡觉'},
{task: '打豆豆'}
]
document.getElementById('a1').innerHTML = template('t2', b1)
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="template-web.js"></script>
</head>
<body>
<div id="a1"></div>
<script id="t2" type="text/html">
{{ if aaa > 1 }}
{{ each bbb value i}}
<ul>
<li>{{ i+1 }}--{{ value.task }}</li>
</ul>
{{ /each }}
{{ /if }}
</script>
<script>
var b1 = {aaa:2,bbb:
[
{task: '吃饭', num: 1},
{task: '睡觉', num: 2},
{task: '打豆豆', num: 3}
]
}
document.getElementById('a1').innerHTML = template('t2', b1)
</script>
</body>
</html>