老师,一样的写法,但是我的报错了,显示不出来,请问是什么原因

来源:2-1 Handlebars使用演示(一)

慕粉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>


写回答 关注

1回答

  • 慕田峪3216879
    2017-08-09 14:26:36

    模版内job变量后面少了一个花括号。

Handlebars模板引擎

使用Handlebars.js模板渲染页面。

13084 学习 · 35 问题

查看课程

相似问题