Как повторить еще два ряда в 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>

Ответы

Ответ 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 в элементе tbody и повторить это.