Javascript 通过ng repeat和create table row在嵌套数组中循环

Javascript 通过ng repeat和create table row在嵌套数组中循环,javascript,angularjs,Javascript,Angularjs,我有一个像下面这样的对象,我正试图在其上进行ng repeat并创建表 var data = { "1": [ { "row": "1", "name": "Acc" }, { "row": "1", "name": "Eco" }, { "row": "1", "name": "Mono" }, { "row": "1", "name":

我有一个像下面这样的对象,我正试图在其上进行ng repeat并创建表

var data = {
  "1": [
    {
      "row": "1",
      "name": "Acc"
    },
    {
      "row": "1",
      "name": "Eco"
    },
    {
      "row": "1",
      "name": "Mono"
    },
    {
      "row": "1",
      "name": "Mini"
    }
  ],
  "2": [
    {
      "row": "2",
      "name": "Mono"
    },
    {
      "row": "2",
      "name": "Eco"
    }
  ]
}
我已经尝试了下面的代码,其中我想要按行显示数据,但所有的值都按列显示

例外输出为




预期产量 1. 2. 行政协调会 单声道 生态 生态 单声道 迷你
移除嵌套,在行长度最长的数组上使用ng repeat,并使用数组上ng repeat的索引添加表元素

<div ng-app="" ng-controller="TableController">
<table>
    <tr>
        <th ng-repeat='(key, value) in rows'>{{key}}</th>
    </tr>
    <tr ng-repeat='row in rows.1'>        
     <td >{{row.name}}</td> 
     <td >{{rows.2[rows.1.indexOf(row)].name}}</td>   
    </tr>
</table>

{{key}}
{{row.name}
{{rows.2[rows.1.indexOf(row)].name}

这是假设您的数据只有给定的2行,但如果有更多行,您可以使用一个变量

此处添加了逻辑:

函数表控制器($scope){
设newdata=[];
让我们坐下来;
设finaltable=[];
对于(让输入数据){
设值=数据[键];
newdata.push(value.length);
} 
console.log(newdata);
设no_of_row=Math.max.apply(null,newdata);

对于(i=0;iRow 2,Cell 2…它是迷你型还是eco型?@Craig Wayne它是eco,如前所述。每行按列显示每个值,即1,2,3………。@user4324324添加了处理所有类型数组的代码。如果我有非顺序格式的值,则上述代码不起作用。var data={“7”:[{“row”:“7”,“name”:“Acc”},{“row”:“7”,“名称”:“Eco”},{“行”:“7”,“名称”:“Mono”},{“行”:“7”,“名称”:“Mini”}],“2”:[{“行”:“2”,“名称”:“Mono”},{“行”:“2”,“名称”:“Eco”}]}