我如何使用node-json2html显示json到html？

我试图显示一个更复杂的JSON输出到HTML，我一直没能弄清楚如何使用node-json2html

我的JSON看起来像这样：

[ { "name": "flight.LOL123 ", "columns": [ "time", "sequence_number", "vert_rate", "messages", "squawk", "altitude", "lat", "lon", "validposition", "track", "validtrack", "speed", "seen", "hex" ], "points": [ [ 1434558860921, 98792710001, -512, 1018, "4543", 3325, 15.74181, 71.60743, 1, 290, 1, 207, 0, "4692d4" ], [ 1434558000838, 98401040001, 0, 4, "0000", 25550, 0, 0, 0, 0, 0, 0, 0, "4692d4" ] ] } ] 

我能够得到这个：

 var transform = {'tag':'li','html':'${name}, ${points}'}; 

但它会产生一个包含名字的第一行，然后这些点都在一条单独的长线上。

任何人都可以帮助我尝试改变吗？

Answer 1

对于我所看到的，与您提到的库的例子相比，您使用的格式相当不同。

再次正式的例子格式：

  var data = [{'male':'Bob','female':'Jane'},{'male':'Rick','female':'Ann'}]; 

你的格式是嵌套的，不是应该的。

Answer 2

通过使用mustache.js发现另一个更快，更漂亮的解决scheme

这个代码是我的原始JSON：

  {{#.}} <div class="panel panel-info"> <div class="panel-heading"><h2>Data for {{name}}</h2></div> <div class="panel-body"></div> <table class="table table-striped"> {{#columns}} <th>{{.}}</th> {{/columns}} {{#points}} <tr> {{#.}} <td>{{.}}</td> {{/.}} </tr> {{/points}} {{/.}} </table> </div> 

只有这些，我在心脏跳动中填充大于5k行的表格。 很酷的东西！