如何获得Handlebars中名称/值对的名称？

Question

我有这样的数据结构：

flavors": { 
      "sour": 0.16666666666666666, 
      "salty": 0.16666666666666666, 
      "sweet": 0, 
      "meaty": 0.16666666666666666, 
      "bitter": 0.16666666666666666 
     } 

我的HTML是这样的：

<p>Flavors:</p> 
    <ul> 
    {{#Flavors}} 
      <li>{{Flavours.Name}}</li> // doesn't work // 
     {{/Flavors}} 
    </ul> 

我想要做的就是在味道的名字：即咸，酸等。我希望能够迎合任意值是JSON，而不是在html块中对它们进行编码。

Answer 1

迭代json并使用键获取属性名称。

for (var key in obj) { 
    alert(' name=' + key + ' value=' + obj[key]); 
    // do some stuff here 
} 

Answer 2

您可以遍历这样的对象：

{{#each myObject}} 
    Key: {{@key}} Value = {{this}} 
{{/each}} 

详细检查这个帖子：Handlebars/Mustache - Is there a built in way to loop through the properties of an object?

Answer 3

您的模板应该是这样的：

<p>Flavors:</p> 
<ul> 
{{#each flavours}} 
     <li>{{@key}}</li> 
    {{/each}} 
</ul> 

根据网站上的文档。

Answer 4

回答我的问题是这个页面上： Handlebars/Mustache - Is there a built in way to loop through the properties of an object?

这是Ben的答案。确实工作得很好！