开发者社区> 问答> 正文

关于handlebars.js的问题。

var html = template(arr);这一步是写的有问题吗? 谢谢!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery_1.10.2.min.js"></script>
<script type="text/javascript" src="js/handlebars-v4.0.5.js"></script>
</head>

<body>
   
<div id="div1">

</div>

<script>
 
  var arr=[{name:"John",age:11},
  
           {name:"tony",age:11},
  
           {name:"luck",age:9}
  
  ]
 
</script>     


<script id="entry-template" type="text/x-handlebars-template"> 

<ul>
     {{#each arr}}
     
     <li>Name:{{name}},Age{{age}} <li>
   
     {{/each}}
 <ul>  

</script>     


<script>
//JS代码
var source   = $("#entry-template").html(); //原生方法

var template = Handlebars.compile(source);  //预编译模板

var html = template(arr);这一步是写的有问题吗?

$(".div1").innerHTML = html;

</script>        
 

</body>
</html>    

展开
收起
杨冬芳 2016-06-23 13:33:31 2172 0
1 条回答
写回答
取消 提交回答
  • IT从业
    var arr=
        [
            {name:"John",age:11},
            {name:"tony",age:11},
            {name:"luck",age:9}
        ];

    改成

    var arr = {
        'arr': 
        [ 
               {name:"John",age:11},
               {name:"tony",age:11},
               {name:"luck",age:9}
        ]
    };

    再把 `$(".div1").innerHTML = html;` 改成 `$("#div1").html(html);`

    2019-07-17 19:46:09
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
Vue.js在前端服务化上的实践与探索 立即下载