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

下表行是典型的。

<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> 

请您参考如下方法:

如果你使用的是 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元素并重复。