javascript - AngularJS。嵌套 ng-repeat

Question

我正在使用ng-repeat指令 ng-repeat-start/ng-repeat-end选项。另外在主循环内我还有另一个内部 ng-repeat 。但问题是我的外ng-repeat-start声明仅用于声明循环，实际上我不需要重复声明的 HTML 元素。请参阅下面的示例:

<tbody>
    <tr ng-repeat-start="anArray in arrayOfArrays">  <!-- HOW TO REMOVE THIS EMPTY <tr>? -->

    </tr>

    <tr ng-repeat="item in anArray ">
        <td>{{item .name}}</span></td>
        <td>{{item .surname}}</td>
    </tr>

    <tr ng-repeat-end>
        <td>
            <span>Total</span>
        </td>
    </tr>
</tbody>

如何删除 <tr>元素但保留循环声明？

我试图在同一个 <tr> 上声明两个循环(外部和内部)元素，但它不起作用:

  <tr ng-repeat-start="anArray in arrayOfArrays" ng-repeat="item in anArray ">          
  </tr>

Answer 1

如果您想重复外循环中的所有内容，您可以使用 <tbody>重复一遍。代码如下:

<tbody ng-repeat="anArray in arrayOfArrays">
    <tr ng-repeat="item in anArray ">
        <td>{{item .name}}</span></td>
        <td>{{item .surname}}</td>
    </tr>
    <tr>
        <td>
            <span>Total</span>
        </td>
    </tr>
</tbody>

如果您想仅内部循环重复多次并显示总数，您可以尝试将表格分成两个元素，例如:

<tbody ng-repeat="anArray in arrayOfArrays">
    <tr ng-repeat="item in anArray ">
        <td>{{item .name}}</span></td>
        <td>{{item .surname}}</td>
    </tr>
</tbody>
<tfooter>
      <tr>
        <td>
            <span>Total</span>
        </td>
      </tr>
</tfooter>