折叠组

Question

您好，

我有一个包含群组的表格，我想知道如何在表格中删除类别

Plunker

我的HTML：

<table border=1>
    <thead>
    <tr>
        <th>Name</th>
        <th>Gender</th>
    </tr>
    </thead>

    <tbody ng-repeat="group in groups">
    <tr>
        <td style=" background-color: #006DCC;color: white;" colspan="2">{{group.name}}</td>
    </tr>
    <tr ng-repeat="member in group.members">
        <td>{{ member.name }}</td>
        <td>{{ member.age }}</td>
    </tr>
    </tbody>
</table>

Answer 1

只需连接变量即可使用ng-hide切换它：

<tr>
    <td style=" background-color: #006DCC;color: white;" colspan="2" data-ng-click="hideGroup = !hideGroup">{{group.name}}</td>
</tr>
<tr ng-repeat="member in group.members" data-ng-hide="hideGroup">
    <td>{{ member.name }}</td>
    <td>{{ member.age }}</td>
</tr>

更新了plunker：http://plnkr.co/edit/ABJ9It8qSqkPGzpYNyMp?p=preview