手把模板没有在科尔多瓦呈现
问题描述:
我是手把js的新手,并将其用于cordova app的开发。我只是尝试使用静态HTML内容。编译后,HTML内容不会呈现。手把模板没有在科尔多瓦呈现
科尔多瓦6.0, 的是Android 4.4, Javascript库正在使用 “的Zepto”
这是我的代码:
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
<h1>Testing</h1>
<div class="body">
Test
</div>
</div>
</script>
var source = $("#entry-template").html();
template = Handlebars.compile(source);
$("#mainbox").append(template);
输出我得到的是:
FUNCTION E(A,B){RETURN F||(F=D()),F.CALL(THIS,A,B))
答
模板是一个函数,所以你不能附加它。
你必须通过你的数据模板,例如追加返回值:
的Html
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
</script>
的JavaScript
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
您必须附加包含HTML变种返回值来自template()函数