1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <!DOCTYPE HTML>
| <html>
| <head>
| <meta charset="UTF-8">
| <title>include-demo</title>
| <script src="../dist/template.js"></script>
| </head>
|
| <body>
| <div id="content"></div>
| <script id="test" type="text/html">
| <h1>{{title}}</h1>
| {{include 'list'}}
| </script>
| <script id="list" type="text/html">
| <ul>
| {{each list as value i}}
| <li>索引 {{i + 1}} ：{{value}}</li>
| {{/each}}
| </ul>
| </script>
|
| <script>
| var data = {
| title: '嵌入子模板',
| list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
| };
| var html = template('test', data);
| document.getElementById('content').innerHTML = html;
| </script>
| </body>
| </html>
|
|
