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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
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);`