AngularJS: NG-repeat per 2 x <tr> - non può utilizzare un DIV

Question

Sto avendo un problema ho bisogno di ripetere il seguente .. come gruppo

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

io non li può circondare con un DIV mettere il ng-repeat lì come valido per TR cioè

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

così ho attualmente hanno i seguenti implementato

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

ma il problema è con questo c'è una collezione di 6 elementi quindi il primo TR rende 6 volte e poi 6 volte per il prossimo ...

Mi sto grattando la testa cercando di aggirare questo ma non posso proprio capirlo.

Sarebbe bello se ci fosse una sorta di tag Div che è stato usato per ng-repeat ma non ha reso un elemento al DOM ??

Answer 1

È possibile inserire il ng ripetizione su un elemento 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 2

Sembra che i ragazzi di angularjs abbiano implementato qualcosa in questo senso. https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2

Così la sintassi sarebbe

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

Answer 3

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