车把模板未在科尔多瓦中呈现答案

【问题标题】：Handlebar template not rendering in cordova车把模板未在科尔多瓦中呈现
【发布时间】：2016-06-19 18:05:10
【问题描述】：

我是 Handlebar js 的新手，并将其用于 Cordova 应用程序开发。我只是尝试使用静态 html 内容。编译后，HTML 内容不呈现。

科尔多瓦 6.0，安卓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))

【问题讨论】：

标签： cordova zepto handlebarshelper

【解决方案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

$("#mainbox").append(html);

【讨论】：