帶有復雜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>