车把 JSON - HTML 转换

Question

我需要将此 json 数据转换为包含 3 列的表：属性名称、属性源和属性值。你能帮忙吗？

"result": {
"total": 100,
"config": {
"propName1": {
"source": "propsrc1",
"value": "propval1"
},
"propName2": {
"source": "propsrc2",
"value": "propval2"
}
}
}

Answer 1

你的对象很简单。您希望循环访问result.config的每个属性，并在 3 个单独的<td>元素中打印其键、source值和value值。

在 #each 内置帮助程序的 Handlebars 文档中，说明了以下内容：

此外，对于对象迭代，{{@key}} 引用当前键名

这告诉我们 #each 助手支持object迭代，我们可以打印每个键{{@key}}.

我们的模板很简单：

{{#each result.config}}
<tr valign=top>
<td>{{@key}}</p>
<td>{{source}}</td>
<td>{{value}}</td>
</tr>
{{/each}}

我创建了一个小提琴供您参考。