Question

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

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

Answer 1

很有可能会对您的问题进行投票，因为您似乎没有花太多精力去解决它。您说您希望您的表具有 3 列，但在您的代码中（附加在注释中），您只有 2 <td>个元素。另外，为什么你期望{{property}}能够工作？你的对象中没有这样的密钥。

尽管如此，我仍会尽力为您提供帮助。

你的对象很简单。您希望迭代result.config的每个属性，并在3个单独的source元素中打印其关键字，value值及其<td>值。

在#each built-in helper的Handlebars文档中，陈述如下：

此外，对于对象迭代，{{@ key}}引用当前的密钥名称

这告诉我们#each帮助器支持object次迭代，并且我们可以使用{{@key}}打印每个键。

我们的模板很简单：

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

我创建了一个fiddle供您参考。

车把json - html转换

1 个答案: