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>

Answer 3

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

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

3 个答案: