Require-text

黄良钵

分类: 程序开发 0 0

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.     // text.js 是requireJS的一个插件 用于异步加载文本资源 如 TXT css html等
  5.     t1 = template.compile(t1)
  6.     var html = t1({
  7.         books:[
  8.             {name:'html5权威指南'},
  9.             {name:'CSS权威指南'},
  10.             {name:'JavaScript权威指南'}
  11.         ]
  12.     })
  13.     console.log(html)
  14.     document.body.innerHTML = html
  15. })

t1.html

 

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

演示效果

  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
Require-text

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “Require-text”

Loading...