2

私は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>

エラーは発生せず、template-preview内にテンプレートが表示されますが、{{name}}は空です。ここで何かが足りない場合のアイデアはありますか？

ありがとうございました！

4

1 に答える 1

0

これは私にとってはうまくいきます（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>
于 2012-04-05T22:25:08.213 に答える