带有复杂JSON对象的嵌套ngRepeat

Question

我需要出一张桌子。 表由一个对象列表组成（我不知道这个列表的长度），每个对象都有一个“数据”列表。

有什么：

var list = [
    {
        name: "block1",
        data: [<bigArray1>]
    },
    {
        name: "block2",
        data: [<bigArray2>]
    },
    ....,
    {
        name: "blockN",
        data: [<bigArrayN>]
    }
]

.DATA-Array在所有list.elements中始终具有相同的长度！

可以显示此表吗？

表

|--INDEX-----|--BLOCK1------|---BLOCK2-----|- *** -|----BLOCKN-----|
| 0          | bigarray1[0] | bigarary2[0] |- *** -| bigararyN[0]  | 
| 1          | bigarray1[1] | bigarray2[1] |- *** -| bigarrayN[1]  | 
| 2          | bigarray1[2] | bigarray2[2] |- *** -| bigarrayN[2]  | 
| 3          | bigarray1[3] | bigarray2[3] |- *** -| bigarrayN[3]  | 
|------------|--------------|--------------|-------|---------------|

---

更新1：

data-Array的长度在10.000-100.000之间或更长。 我在移动应用中使用了这些数据。 我认为，转换和创建新阵列的解决方案来自性能，这是一个非常糟糕的主意...还是？

---

更新2：

表列标题长度= 1（对于“ Nr”）+ list.length
表主体的长度= list []。data.length

---

更新3：

演示

Answer 1

<table>
  <thead>
    <th>Index</th>
    <th ng-repeat="column in list">{{column.name}}</th>
  </thead>
  <tbody>
    <tr ng-repeat="index in list[0].data track by $index">
      <td>
        {{$index}}
      </td>
      <td ng-repeat="column in list">
        {{column.data[$parent.$index]}}
      </td>
    </tr>
  </tbody>
</table>