[英]Nested ng-repeat tbody different list
我的代码是这样的:
<tbody ng-repeat="item in ctrl.list">
<tr>
<td style="vertical-align: middle">{{item.numerodoc}}<br>
</td>
<td style="vertical-align: middle">{{item.sgmittragsoc}}<br>
</td>
</tr>
<tr ng-if="toggle[$index]" ng-repeat="detail in ctrl.details">
<td style="vertical-align: middle">{{detail.sgmittragsoc}}<br>
</td>
<td style="vertical-align: middle">{{detail.sgdestragsoc}}<br>
</td>
</tr>
</tbody>
第一部分工作正常(我可以重复列表中的每个项目),第二部分无效(我无法重复明细列表中的每个项目)。 仅当我单击按钮时,该tr才会激活,详细信息列表将更改。 我应该怎么做才能使其正常工作? 我无法在tbody内使用div,甚至尝试了ng-repeat-start,但由于只能重复tr,因此我无法理解将ng-repeat-end放在哪里。
确定找到了一种奇怪但可行的方法:
<tr ng-if="toggle[$index]">
<td>
<table class="table borderless" style="margin: 10px 0;">
<tbody ng-repeat="detail in ctrl.details">
<tr>
<td></td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="table borderless" style="margin: 10px 0;">
<tbody ng-repeat="detail in ctrl.details">
<tr>
<td></td>
</tr>
</tbody>
</table>
</td>
<td>
<table class="table borderless" style="margin: 10px 0;">
<tbody ng-repeat="detail in ctrl.details">
<tr>
<td style="vertical-align: middle">{{detail.sgmittragsoc}}<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
我每次都必须重复该表才能在我的Web应用程序上获得正确的布局,但是主要的重点是可以通过使用td标签内的表在ng-repeat主体内循环ng-repeat。
关于ng-repeat-start / -end结构。 我无法测试此代码,因为我错过了大多数代码,但是开始/结束是这样的。 另外,您还想将ng-repeat放在<tr>
因为您不想重复整个表。
<tbody>
<tr ng-repeat-start="item in ctrl.list">
<td style="vertical-align: middle">{{item.numerodoc}}<br>
</td>
<td style="vertical-align: middle">{{item.sgmittragsoc}}<br>
</td>
</tr>
<tr ng-repeat-end>
<td style="vertical-align: middle">{{detail.sgmittragsoc}}<br>
</td>
<td style="vertical-align: middle">{{detail.sgdestragsoc}}<br>
</td>
</tr>
</tbody>
另外,数组的结构如何? 列表和详细信息是否在同一范围内? 真的要看 给我一些更多的细节,我也许可以提供帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.