使用带有指令的 ng-repeat 创建适应数据的表

Question

我有一个使用 ng-repeat 遍历对象数组的表。数组中的所有对象都具有相同的键。我想让它可以使用任意一组键，只要键在该数组中是一致的。看来我需要一个指令来生成和附加

<td>{{key}}</td> 

根据需要，可能通过迭代 Object.keys(array[0])。

例如，表格可以接受以下任一结构：

{ date: 1425535595000, name: "Name", desc: "some description" }
{ a: "a", b: "b", c: "c", d: "d" }

将相应地生成适当的绑定：

<tr ng-repeat="obj in objects">
    <td>{{date}}</td><td>{{name}}</td><td>{{desc}}</td>
</tr>

或

<tr ng-repeat="obj in objects">
    <td>{{a}}</td><td>{{b}}</td><td>{{c}}</td><td>{{d}}</td>
</tr>

我在指令方面有点弱，我不是 100% 知道最好的方法。我该怎么做？

Answer 1

您需要使用两个 ngRepeat 指令，一个用于行，一个用于表格单元：

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

演示： http://plnkr.co/edit/AG1sh3UHImJgiONWbVA2?p=preview