Require-text

链接上require.js

1. <script src="require.js" data-main="index"></script>

**index.js**

1. require(['template','text!T/t1.html'],function(template,t1){
2.     // compile将模板{字符串}编译成模板解析函数
3.     // 解析模板时 将数据作为参数调用这个函数即可
4.
5.     // text.js 是requireJS的一个插件 用于异步加载文本资源 如 TXT css html等
6.     t1 = template.compile(t1)
7.     var html = t1({
8.         books:[
9.             {name:'html5权威指南'},
10.             {name:'CSS权威指南'},
11.             {name:'JavaScript权威指南'}
12.         ]
13.     })
14.     console.log(html)
15.     document.body.innerHTML = html
16. })

**t1.html**

 

1. <ol>
2.     {{each books as book i}}
3.     <li>{{book.name}}</li>
4.     {{/each}}
5. </ol>

演示效果