如何在Handlebars中获取名称 - 值对的名称?

mik*_*ike 3 html javascript handlebars.js

我有这个数据结构:

flavors": {
            "sour": 0.16666666666666666,
            "salty": 0.16666666666666666,
            "sweet": 0,
            "meaty": 0.16666666666666666,
            "bitter": 0.16666666666666666
        }
Run Code Online (Sandbox Code Playgroud)

我的HTML是这样的:

<p>Flavors:</p>
   <ul>
     {{#Flavors}}
           <li>{{Flavours.Name}}</li>  // doesn't work  //
        {{/Flavors}}
     </ul>
Run Code Online (Sandbox Code Playgroud)

我想要做的是获得味道的名称:即咸,酸等.我希望能够满足任意值的是JSON,而不是在html块中编码它们.

Sla*_*sko 11

您可以通过以下方式迭代对象:

{{#each myObject}}
    Key: {{@key}} Value = {{this}}
{{/each}}
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请查看此帖子:Handlebars/Moustache - 是否有内置的方法来遍历对象的属性?