javascript - 关于handlebars.js的问题。
本文介绍了javascript - 关于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>
解决方案
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);`
这篇关于javascript - 关于handlebars.js的问题。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文