handlebar json-html转换

Question

我需要将这个json数据转换成一个有3列的表格：属性名称，属性来源和属性值。能否请你帮忙？

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

Answer 1

很容易让您的问题降低投票率，因为看起来您没有花费太多精力来解决问题。你说你想让你的桌子有列，但是在你的代码中（附加在评论中），你只有 <td>元素。此外，为什么你会期望{{property}}工作？你的物体中没有这样的钥匙。

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

您的对象是一个简单的。您想遍历result.config的每个属性，并在3个单独的<td>元素中输出其值source值和value值。

在车把文档的#each built-in helper，以下陈述：

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

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

我们的模板是简单的一个：

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

我已经创建了供您参考fiddle。