index.html 1021 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>IE</title>
  6. <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>-->
  9. <script src="es5-shim.min.js"></script>
  10. <script src="es5-sham.min.js"></script>
  11. <script src="json3.min.js"></script>
  12. <script src="../../lib/template-web.js"></script>
  13. </head>
  14. <body>
  15. <div id="content"></div>
  16. <script id="test" type="text/html">
  17. {{if isAdmin}}
  18. <h1>{{title}}</h1>
  19. <ul>
  20. {{each list value i}}
  21. <li>索引 {{i + 1}} :{{value}}</li>
  22. {{/each}}
  23. </ul>
  24. {{/if}}
  25. {{$data}}
  26. </script>
  27. <script>
  28. var data = {
  29. title: '基本例子',
  30. isAdmin: true,
  31. list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
  32. };
  33. var html = template('test', data);
  34. document.getElementById('content').innerHTML = html;
  35. </script>
  36. </body>
  37. </html>