Handlebars.js не замества тагове

Използвам Handlebars.js (или се опитвам) и дори с прост пример той не замества действителните тагове с данните.

Ето какво имам:

    <script id="template" type="text/x-handlebars-template">
     <div>Test Template</div>
     <p>Name: {{name}}</p>
    </script>

    <div id="template-preview"></div>

 <script>
 var source   = $("#template").html();
 var template = Handlebars.compile(source);
 var data = { name : 'first name'};
 $("#template-preview").html(template(data));
</script>

Не получавам никакви грешки и той показва шаблона в шаблона за преглед, но {{name}} е празен. Някакви идеи, ако пропускам нещо тук?

Благодаря ти!


javascript handlebars.js mustache
person dzm    schedule 05.04.2012    source източник
comment
Аз самият съм доста нов за Handlebars, но може ли да изтегля някакъв кеширан/предварително компилиран шаблон?   -  person Jovan Perovic    schedule 06.04.2012

Отговори (1)


arrow_upward
0
arrow_downward

Това работи за мен (тествано с Chrome). Коя версия на кормилото използвате?

<!doctype html>
<head>
</head>
<body>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
     <script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
     <script id="template" type="text/x-handlebars-template">
     <div>Test Template</div>
     <p>Name: {{name}}</p>
     </script>
     <div id="template-preview"></div>

     <script>
        var source   = $("#template").html();
        var template = Handlebars.compile(source);
        var data = { name : 'Michael'};
        $("#template-preview").html(template(data));
     </script>
</body>
</html>
person Foo Bar    schedule 05.04.2012
comment
Хм, самостоятелен, който работи и за мен. Аз също използвам Head.js - може би е свързано с това - person dzm; 06.04.2012
comment
Можете ли да покажете повече код след това, за да видите как точно го използвате? - person Foo Bar; 06.04.2012
comment
А - мисля, че е, защото използвам ръкохватки в ръкохватките - Използвайки ръкохватки в node.js, след това в шаблон там, имам другия код. - person dzm; 06.04.2012
comment
в hbs файл, механизмът за преглед ще замени всички разделители с интервал - person 戈晓伟; 23.06.2017