Javascript handlebar.js不替换标签_Javascript_Mustache_Handlebars.js

Javascript handlebar.js不替换标签

javascript

Javascript handlebar.js不替换标签,javascript,mustache,handlebars.js,Javascript,Mustache,Handlebars.js,我正在使用（或试图使用），即使是一个简单的例子，它也没有用数据替换实际的标记以下是我所拥有的： <script id="template" type="text/x-handlebars-template"> <div>Test Template</div> <p>Name: {{name}}</p> </script> <div id="template-preview

我正在使用（或试图使用），即使是一个简单的例子，它也没有用数据替换实际的标记

以下是我所拥有的：

    <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}
var source=$（“#模板”）.html（）；
var template=handlebar.compile（源代码）；
var data={name:'first name'}；
$（“#模板预览”）.html（模板（数据））；

我没有得到任何错误，它在模板预览中显示模板，但是

{{{name}}

是空的。如果我遗漏了什么，你有什么想法吗

谢谢大家!

这对我来说很有效（用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>


测试模板
名称：{{Name}
var source=$（“#模板”）.html（）；
var template=handlebar.compile（源代码）；
var data={name:'Michael'}；
$（“#模板预览”）.html（模板（数据））；

这对我很有效（用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>


测试模板
名称：{{Name}
var source=$（“#模板”）.html（）；
var template=handlebar.compile（源代码）；
var data={name:'Michael'}；
$（“#模板预览”）.html（模板（数据））；

我自己对Handlebar很陌生，但可能是它在拉一些缓存/预编译的模板吗？我自己对Handlebar很陌生，但可能是它在拉一些缓存/预编译的模板吗？嗯，这对我来说也很好。我也在使用Head.js-可能与此相关-你能展示更多的代码，然后看看你是如何使用它的吗？啊-我想这是因为我在handlebar中使用handlebar-在node.js中使用handlebar，然后在模板中，我有其他代码。在hbs文件中，视图引擎将用spaceHm替换所有分隔符，对我来说也很好的独处。我也在使用Head.js-也许这与此相关-你能展示更多的代码，然后看看你是如何使用它的吗？啊-我想这是因为我在handlebar中使用handlebar-在node.js中使用handlebar，然后在模板中，我有其他代码。在hbs文件中，视图引擎将用空格替换所有分隔符