获取键值并创建表头

Question

我有一个angularjs应用程序，基本上使用JSON并创建一个HTML表，其中的键位于<thead>，值为表行。

我有一个JSFiddle here，我在其中使用JSON并根据值创建表行。但我无法弄清楚如何获取密钥并将它们与值作为表头对齐。

我的角度代码：

<tr ng-repeat='row in rows'>
    <td ng-repeat="data in row.data">
       {{data}}
    </td>
</tr>

和

function TableController($scope){

    $scope.rows = data;

}

Answer 1

看看这里：How can I iterate over the keys, value in ng-repeat in angular

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

====编辑==== 由于您在同一张桌子中完成所有操作，因此您需要采用不同的方式。当您仍在控制器中时，需要将标题值分开，以便您有一种干净的方式来迭代列表。这里是小提琴：http://jsfiddle.net/L93v5/1/

您的修改方式看起来很糟糕，因为有两个不同的表格，并且单元格大小不同。这将把它们保存在同一张桌子上，让事情变得更清洁。