链接上require.js
- <script src="require.js" data-main="index"></script>
index.js
- require(['template','text!T/t1.html'],function(template,t1){
- // compile将模板{字符串}编译成模板解析函数
- // 解析模板时 将数据作为参数调用这个函数即可
- // text.js 是requireJS的一个插件 用于异步加载文本资源 如 TXT css html等
- t1 = template.compile(t1)
- var html = t1({
- books:[
- {name:'html5权威指南'},
- {name:'CSS权威指南'},
- {name:'JavaScript权威指南'}
- ]
- })
- console.log(html)
- document.body.innerHTML = html
- })
t1.html
- <ol>
- {{each books as book i}}
- <li>{{book.name}}</li>
- {{/each}}
- </ol>
