supermilox

Thanks for sharing this approach.

In order to implement the three levels, you can combine it with ng-repeat-start and ng-repeat-end as:

<tbody ng-repeat="group in groups">
<tr>
<td colspan="2">{{group.name}}</td>
</tr>
<tr ng-repeat-start="member in group.members">
<td>{{ member.name }}</td>
<td>{{ member.gender }}</td>
</tr>
<tr ng-repeat-end ng-repeat="memberchild in member.child">
<td>{{ memberchild.name }}</td>
<td>{{ member_child.gender }}</td>
</tr>
</tbody>