Javascript 通过ng repeat和create table row在嵌套数组中循环
我有一个像下面这样的对象,我正试图在其上进行ng repeat并创建表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":
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”}]}