Javascript 哈希数组上的句柄JS

我是车把JS的新手，只是想了解他们。 我试图在包含哈希数组的数据上实现句柄。 这是我的剧本：-

<div id="test"></div>

<script id="template" type="text/x-handlebars-template"> 
    <h1>{{title}}</h1>
    <h2>{{body}}</h2>
</script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>
<script>

 $(document).ready(function (){

     var source = $("#template").html();
     var template = Handlebars.compile(source);

     var context  = [{title: "ABC",body: "DEF"},{title: "GHI",body:"JKL"}];

     console.log(context);
     var ht = template(context);
     console.log(ht);
     $("#test").html(ht);
 });

</script>

{{title}}
{{body}}
$（文档）.ready（函数（）{
var source=$（“#模板”）.html（）；
var template=handlebar.compile（源代码）；
var context=[{title:“ABC”，body:“DEF”}，{title:“GHI”，body:“JKL”}]；
console.log（上下文）；
var ht=模板（上下文）；
控制台日志（ht）；
$（“#test”）.html（ht）；
});

输出上不显示任何内容 如何使用handlebars模板访问哈希数组。Ex-上述脚本中的变量

上下文

。 我们只能在散列上使用把手吗

谁能给我解释一下吗

---

谢谢

您可以使用{{{#each}}帮助器遍历集合。在您的情况下，可能是这样的：

{{#each this}}
  <h1>{{title}}</h1>
  <h2>{{body}}</h2>
{{/each}} 

{{{#每个this}
{{title}}
{{body}}
{{/每个}}

当然，我们只能在散列上使用它——试试看。 您可能会发现阅读以下内容很有用：

我希望你的脚本标签不像你的帖子中那样，而且它实际上不缺少“http”部分

---

您可以使用{{{#each}}帮助器在集合中迭代。在您的情况下，可能是这样的：

{{#each this}}
  <h1>{{title}}</h1>
  <h2>{{body}}</h2>
{{/each}} 

{{{#每个this}
{{title}}
{{body}}
{{/每个}}

当然，我们只能在散列上使用它——试试看。 您可能会发现阅读以下内容很有用：

我希望你的脚本标签不像你的帖子中那样，而且它实际上不缺少“http”部分

我如何使用同一模板制作胡子？{{{#each this}}在Mustache中不受支持。如果你能给我看一下你的代码，我会更容易回答。我从来没有用过胡子，但我认为一定有办法传递收藏的名称。如果您的上下文变量是：var context={fancyName:[{title:“ABC”，body:“DEF”}，{title:“GHI”，body:“JKL”}]}；然后你应该写{{{每个fancyName}。如果它没有帮助粘贴你的代码。我如何使用相同的模板来粘贴胡子？{{{#each this}}在Mustache中不受支持。如果你能给我看一下你的代码，我会更容易回答。我从来没有用过胡子，但我认为一定有办法传递收藏的名称。如果您的上下文变量是：var context={fancyName:[{title:“ABC”，body:“DEF”}，{title:“GHI”，body:“JKL”}]}；然后你应该写{{{每个fancyName}。如果它没有帮助粘贴你的代码。