angularjs - 如何在 AngularJS 中为每一行重复两行

Question

下表行是典型的。

<tr ng-repeat="item in items">
    <td>{{item.id}}</td>
    <td>{{item.subject}}</td>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

但是，如何对每行重复两行？

<tr ??>
    <td rowspan=2>{{item.id}}</td>
    <td colspan=2>{{item.subject}}</td>
</tr>
<tr ??>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

Answer 1

如果你使用的是 AngularJS 1.2+，你可以使用 ng-repeat-start和 ng-repeat-end :

<tr ng-repeat-start="item in items">
    <td rowspan=2>{{item.id}}</td>
    <td colspan=2>{{item.subject}}</td>
</tr>
<tr ng-repeat-end>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

请参阅 ngRepeat docs 中的“特殊重复起点和终点” .

否则，您必须使用一些讨厌的技巧，例如包装 tr s 在 tbody元素并重复。