慕粉1950096348
2017-08-08 21:06
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>handlebars的使用</title>
<script src='js/jquery-1.11.2.min.js'></script>
<script src='js/handlebars-v4.0.10.js'></script>
<script id="entry-template" type="text/x-handlebars-template">
<ul>
<li>姓名:{{name}}</li>
<li>性别:{{sex}}</li>
<li>职业:{{job}</li>
<li>籍贯:{{town}}</li>
</ul>
</script>
</head>
<body>
<div id='card'>
<!-- <ul>
<li>姓名:周杰伦</li>
<li>性别:男</li>
<li>职业:歌手</li>
<li>籍贯:中国台湾</li>
</ul> -->
</div>
<script>
var data={
name:'周杰伦',
sex:'男',
job:'歌手',
town:'台湾'
};
var t=$('#entry-template').html();
var f=Handlebars.compile(t);
console.log(f);
var h=f(data);
$('#card').html(h);
</script>
</body>
</html>
模版内job变量后面少了一个花括号。
Handlebars模板引擎
13084 学习 · 35 问题
相似问题