Angularjs:使用ng-repeat的复杂表

时间:2015-11-26 11:36:05

标签: 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"]
    }
};

我想要这样的表:http://plnkr.co/edit/DWgLUeie3XzNYGx7RxcX?p=preview

我可以在第一列使用ng-repeat,但不确定如何将其用于其他列。

1 个答案:

答案 0 :(得分:0)

好的,所以下面的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