使用#each 内置 Handlebars 助手迭代对象时如何引用值？

Question

我尝试从 JSON 响应中生成 table

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

{{#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}} 等块中作为 {{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/

使用#each 内置 Handlebars 助手迭代对象时如何引用值？

How to reference values when iterating an object with #each built-in Handlebars helper?

javascript

handlebars.js