Question

我是Handlebar js的新手，并将其用于cordova app开发。我刚试过静态html内容。编译后，HTML内容无法呈现。

cordova 6.0， Android 4.4， Javascript库正在使用＆＃34; Zepto＆＃34;

这是我的代码：

<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))

Answer 1

模板是一个功能，所以你不能追加它。

您必须将数据传递给模板并附加返回值，例如：

<强> 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);

您必须附加包含来自template（）函数

的返回值的html var

把手模板不在cordova中呈现

1 个答案: