Handlebars.jsタグの置き換えがありません

私は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}}は空です：

は、ここで私が持っているものです。私はここに何かを見逃している場合、任意のアイデア？

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

出典

2012-04-05 dzm

Handlebarsにはかなり新しくなっていますが、キャッシュ/プリコンパイルされたテンプレートをいくつか引っ張っている可能性はありますか？ –

これは私の仕事です（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-05 22:25:08 lowik

うーん、それは私のためにも機能します。私もHead.jsを使用しています - 多分それはそれに関連しています – dzm

あなたはそれをどのように使っているのかをより多くのコードを表示できますか？ – lowik

ああ - 私はハンドルバー内でハンドルバーを使用しているからだと思います - node.jsにハンドルバーを使用し、そこにテンプレート内に他のコードがあります。 – dzm

Handlebars.jsタグの置き換えがありません

答えて

関連する問題