我嵌套了ng-repeat来构造可折叠网格。需要在Angular 4中实现相同的功能。在* ngFor中找不到解决方案。我使用ugug js实现的示例代码。
<table width="100%" class="table-condensed responsive-table">
<tr class="panel-heading bgOrg">
<th class="text-right th-font"> </th>
<th class="text-right th-font">VMs</th>
..
</tr>
<tr ng-if="!departments.length" >
<td colspan="15" class="text-center">No records Found</td>
</tr>
<tr ng-repeat-start="department in departments">
<td class="table-white-space">
<div class="handpointer glyphicon glyphicon-chevron-right" data-ng-click="department.show = !department.show;collapse($event)" data-target="#view_{{department.departmentid}}" data-toggle="collapse"
aria-expanded="false"
data-ng-if="department.environment!=null && !department.show">
</div>
<div class="handpointer glyphicon glyphicon-chevron-down" data-ng-click="department.show = !department.show;collapse($event)" data-target="#view_{{department.departmentid}}" data-toggle="collapse"
aria-expanded="false"
data-ng-if="department.environment!=null && department.show">
</div>
<span class="row-label"> <b ng-bind="department.name"></b> </span>
</td>
..
</tr>
<tr ng-repeat-start="item in department.environment" ng-if="department.show">
..
</tr>
<tr ng-repeat-start="cItem in …Run Code Online (Sandbox Code Playgroud)