Javascript Angularjs:使用ng repeat的复杂表
我有一个范围变量:Javascript Angularjs:使用ng repeat的复杂表,javascript,angularjs,angularjs-ng-repeat,ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,Ng Repeat,我有一个范围变量: $scope.item = { "main1": { "proj1": ["comp1", "comp2"], "proj2": ["comp3", "comp4", "comp5"] }, "main2": { "proj3": ["comp1", "comp2"], "proj4": ["comp3", "comp4"], "proj5": ["comp1"]
$scope.item = {
"main1": {
"proj1": ["comp1", "comp2"],
"proj2": ["comp3", "comp4", "comp5"]
},
"main2": {
"proj3": ["comp1", "comp2"],
"proj4": ["comp3", "comp4"],
"proj5": ["comp1"]
}
};
我想要这样的桌子:
我可以在第一列中使用ng repeat,但不确定如何在其他列中使用它。好,因此下面的html不正确,但您可以按照此模式解压缩json
<... ng-repeat="(k1, v1) in item" ...>
{{key}} // main1
<... ng-repeat="(k2,v2) in v1" ...>
{{k2}} // proj1
<... ng-repeat="v3 in v2"...>
{{v3}} // comp1, comp2
{{key}}//main1
{{k2}}//proj1
{{v3}//comp1,comp2
这是我面临的问题。我们必须考虑proj和comp列的行跨度。这就是我被困的地方。如果你能在真实的表上尝试,那就太好了。Use可以使用例如rowspan={{v2.length}
你不应该在这里使用ngRepeat
,编写其他指令会更简单。@vp_-arth:从另一篇文章中找到了一个解决方案,并将这个问题标记为重复。谢谢你的时间。请注意——如果你想通过这种方式获得更多的级别/专栏,那么一切都太难了:)同意你的看法,我保证我不需要比这更多的级别。