javascript - 如何在 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>

我想做的是获取 flavor 的名称:即咸味、酸味等。我希望能够迎合任意值的是 JSON，而不是在 html block 中对它们进行编码。

Answer 1

您可以通过这种方式遍历对象:

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

有关详细信息，请查看此帖子:Handlebars/Mustache - Is there a built in way to loop through the properties of an object?