AngularJS:ng-repeat for 2 x <tr> - 不能使用DIV

Question

我有一个问题,我需要重复以下..作为一个群体

<tr></tr>
<tr></tr>

我不能用DIV将它们包围在那里,因为它对于TR是无效的

<div ng-repeat="item in items">
    <tr></tr>
    <tr></tr>
</div>

所以我目前已经实施了以下内容

    <tr ng-repeat.....></tr>
    <tr ng-repeat.....></tr>

但问题是这有6个项目的集合,所以第一个TR渲染6次,然后6次渲染下一个...

我正试图绕过这个但是我无法弄明白.

如果有某种Div标签用于ng-repeat但是没有向DOM渲染元素会很好吗？

Answer 1

看起来angularjs家伙已经沿着这些方式实现了一些东西. https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2

所以语法就是

<tr ng-repeat-start="item in items"></tr>
<tr ng-repeat-end></tr>

Answer 2

你可以把ng-repeat放在一个tbody元素上:

<tbody ng-repeat="item in items">
    <tr>
        <td>{{item.row_one_stuff}}</td>
        <td>{{item.more_row_one_stuff}}</td>
    </tr>
    <tr>
        <td>{{item.row_two_stuff}}</td>
        <td>{{item.more_row_two_stuff}}</td>
    </tr>
</tbody>