| 1234567891011121314151617181920212223242526272829303132 |
- <!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>
|
