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:从另一篇文章中找到了一个解决方案,并将这个问题标记为重复。谢谢你的时间。请注意——如果你想通过这种方式获得更多的级别/专栏,那么一切都太难了:)同意你的看法,我保证我不需要比这更多的级别。