如何创建有折叠行的角表行

Question

我有一个表，其中包含有二级信息的折叠行，但并不是所有的行都有这个二级数据。

如果JSON脚本有第二级，我如何编写控制器来只显示第2级折叠行？

Answer 1

在控制器中定义了以下json：

$scope.cakes = [{ "id": "0001", "type": "donut", "name": "Cake", 
                "ppu": 0.55, "batters": "whatever", 
                "topping": [ { "id": "5001", "type": "None" }, 
                             { "id": "5002", "type": "Glazed" }, 
                             { "id": "5005", "type": "Sugar" }, 
                             { "id": "5007", "type": "Powdered Sugar" }, 
                             { "id": "5006", "type": "Chocolate with Sprinkles" }, 
                             { "id": "5003", "type": "Chocolate" }, 
                             { "id": "5004", "type": "Maple" } ] }, 
                { "id": "0002", "type": "cupcake", "name": "Cupcake", 
                                    "ppu": 0.60, "batters": "whatever", 
                                    "topping": [] },
                { "id": "0003", "type": "muffin", "name": "Muffin", 
                                    "ppu": 0.25, "batters": "whatever", 
                                    "topping": [] }
                ];

您可以选择性地在表中显示cake.topping.length大于0的第二行：

<table>
    <tr ng-repeat-start="cake in cakes">
        <td>{{cake.type}}</td><td>{{cake.name}}</td>
    </tr>
    <tr ng-repeat-end ng-show="cake.topping.length>0">
        <td ng-repeat="t in cake.topping">{{t.type}}</td>
    </tr>
</table>