繁体   English   中英

嵌套ng-repeat肢体不同列表

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM