Question

我需要展示一张桌子。表格包含一个对象列表（我不知道这个列表的长度），每个对象都有一个＆＃34;数据列表＆＃34;。

有什么：

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：

TABLE COLUMN HEADER length = 1（对于＆＃34; Nr＆＃34;）+ list.length
TABLE BODY length = list [] .data.length

更新3：

Demo

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>

嵌套的ngRepeat与复杂的JSON-Object

有什么：

表

1 个答案: