手把模板没有在科尔多瓦呈现

Question

我是手把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)) 

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

您必须附加包含HTML变种返回值来自template（）函数