javascript - 使用 #each 内置 Handlebars 帮助器迭代对象时如何引用值？

Question

这个问题已经有答案了:

How to iterate an object with Handlebars? (6 个回答)

已关闭 去年。

我尝试从 JSON 响应生成表格

我知道如何访问 key 但我找不到获取值的方法。

{{#each this}}
  {{@key}}
{{/each}}

每个键都是一行，值代表该行的内容(如下图所示)

回复如下:

这个:

{  
   "DistributedQueue-0":{  
      "MessagesCurrentCount":"0",
      "MessagesPendingCount":"0",
      "MessagesReceivedCount":"0",
      "MessagesHighCount":"0",
      "ConsumersCurrentCount":"0",
      "ConsumersHighCount":"0",
      "ConsumersTotalCount":"0"
   },
   "PatientNotificationQueue":{  
      "MessagesCurrentCount":"0",
      "MessagesPendingCount":"0",
      "MessagesReceivedCount":"0",
      "MessagesHighCount":"0",
      "ConsumersCurrentCount":"0",
      "ConsumersHighCount":"0",
      "ConsumersTotalCount":"0"
   },
   "Topic-0":{  
      "MessagesCurrentCount":"0",
      "MessagesPendingCount":"0",
      "MessagesReceivedCount":"0",
      "MessagesHighCount":"0",
      "ConsumersCurrentCount":"0",
      "ConsumersHighCount":"0",
      "ConsumersTotalCount":"0"
   }
}

Answer 1

每次迭代中元素的值可在 {{#each}} 等 block 内以 {{this}} 形式提供。所以

{{#each this}} 
 {{@key}} = {{this}} 
{{/each}}

在你的情况下，它会呈现类似的内容

KeyName: [object Object] 

因为 {{this}} 现在引用的是值，它本身就是一个对象。您知道如何使用 {{#each}} 迭代对象 - 您刚刚做到了。现在您只需要使用嵌套的 {{#each}} 循环即可! :)

{{#each this}}
  {{@key}}: 
    {{#each this}}
      {{@key}}: {{this}}
    {{/each}}
{{/each}}

演示:http://jsfiddle.net/f5feae43/2/