Javascript 获取键值并创建表标题

Javascript 获取键值并创建表标题,javascript,html,json,angularjs,Javascript,Html,Json,Angularjs,我有一个angularjs应用程序,它基本上接受JSON并创建一个HTML表,其中键位于中,值作为表行 我有一个示例,其中我获取JSON并基于值创建表行。但我不知道如何获取键并将它们与作为表头的值对齐 我的角度代码: <tr ng-repeat='row in rows'> <td ng-repeat="data in row.data"> {{data}} </td> </tr> 请看这里: {{key}}{{v

我有一个angularjs应用程序,它基本上接受JSON并创建一个HTML表,其中键位于
中,值作为表行

我有一个示例,其中我获取JSON并基于值创建表行。但我不知道如何获取键并将它们与作为表头的值对齐

我的角度代码:

<tr ng-repeat='row in rows'>
    <td ng-repeat="data in row.data">
       {{data}}
    </td>
</tr>
请看这里:


{{key}}{{value}}
====EDIT===由于您在同一个表中执行所有操作,因此需要以不同的方式执行。当您仍然在控制器中时,您需要分离标题值,以便有一种干净的方法来迭代列表。这里是小提琴:


修改后的方法看起来很糟糕,因为有两个不同的表,单元格大小也不同。这将使所有内容保持在同一个表中,并使内容更干净。

谢谢您的回答,但我如何在应用程序的上下文中使用它?这是我的尝试(),但似乎不起作用。你说得对。。。在我发帖之前,我并没有完全考虑清楚。这把小提琴更像你想的吗。。。JSON的格式是否总是相同的?或者更确切地说,是一张桌子还是几张桌子?如果只有一个,那么在控制器中,您需要取出表头值,将它们放入范围,然后对数据进行
ng repeat
之前的值进行
ng repeat
。如果是多个表,那么这个提琴应该可以工作(虽然我不知道如何摆脱那个多余的循环。太晚了:))我找到了答案(),但是谢谢你的帮助。我接受你的。看看我编辑过的答案。现在我知道你想把它放在同一张桌子上就好了。
function TableController($scope){

    $scope.rows = data;

}
<tr ng-repeat="(key, value) in data">
    <td> {{key}} </td> <td> {{ value }} </td>
</tr>