Шаблон Handlebar не отображается в кордове

Question

Я новичок в Handlebar js и использую его для разработки приложений cordova. Я просто пытался со статическим содержимым html. После компиляции содержимое HTML не отображается.

Cordova 6,0, Android 4.4, библиотека Javascript я использую "зепто"

Это мой код:

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