如何獲得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的答案。確實工作得很好！