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
33
34
| <!DOCTYPE HTML>
| <html>
| <head>
| <meta charset="UTF-8">
| <title>basic-demo</title>
| <script src="../../dist/template-native.js"></script>
| </head>
|
| <body>
| <div id="content"></div>
| <script id="test" type="text/html">
| <% if (isAdmin) { %>
|
| <h1><%=title%></h1>
| <ul>
| <% for (var i = 0; i < list.length; i ++) { %>
| <li>索引 <%= i + 1 %> ：<%= list[i] %></li>
| <% } %>
| </ul>
|
| <% } %>
| </script>
|
| <script>
| var data = {
| title: '基本例子',
| isAdmin: true,
| list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
| };
| var html = template('test', data);
| document.getElementById('content').innerHTML = html;
| </script>
| </body>
| </html>
|
|
