handlebarjs将地图打印为表格

Question

我有json：

   "Fields":{  
      "AAA":0.7391,
      "BBB":0.1234,
   }

我希望它呈现为：

<table style="width:100%">
  <tr>
    <th>Fields</th>
  </tr>
  <tr>
    <td>AAA</td>
    <td>0.7391</td> 

  </tr>
  <tr>
    <td>BBB</td>
    <td>0.1234</td>
  </tr>
</table>

如何使用handlebarjs实现此目标？

Answer 1

您想要的是使用车把遍历一个对象属性，您可以将以下代码用作模板：

<table style="width:100%">
  <tr>
    <th>Fields</th>
  </tr>
{{#each Fields}}
  <tr>
    <td>{{@key}}</td>
    <td>{{this}}</td>
  </tr>
{{/each}}
</table>