angularjs - AngularJS：ng-repeat for 2 x - 不能使用 DIV

Question

我有一个问题，我需要重复以下内容.. 作为一个小组

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

我不能用 DIV 将它们包围起来，因为它对 TR 无效，即 ng-repeat 放在那里

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

所以我目前实施了以下

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

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

我正在挠头试图解决这个问题，但我就是想不通。

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

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>

Answer 3

<tr ng-repeat-start="item in items">
    <td>{{item.data1}}</td>
</tr>
<tr ng-repeat-end>
    <td>{{item.data2}}</td>
</tr>