Require-text

原创 黄良钵  2017-08-23 22:35  阅读 49 次 评论 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>

演示效果

本文地址:https://xn--nf1a578axkh.xn--fiqs8s/1040.html
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论


表情