手把模板沒有在科爾多瓦呈現

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（）函數