angularjs - start - ng-repeat table

AngularJS: ng-repeat para 2 x<tr>-no se puede usar un DIV

Question

Tengo un problema, necesito repetir lo siguiente ... como grupo

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

No puedo rodearlos con un DIV. Poner la repetición ng allí porque no es válido para TR, es decir.

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

Así que actualmente tengo implementado lo siguiente

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

pero el problema es que hay una colección de 6 elementos, por lo que la primera TR se procesa 6 veces y luego 6 veces para la próxima ...

Me estoy rascando la cabeza tratando de evitar esto, pero simplemente no puedo entenderlo.

Sería bueno si hubiera algún tipo de etiqueta Div que se usara para ng-repeat pero que no representara un elemento para el DOM?

Answer 1

Parece que los chicos de angularjs han implementado algo en este sentido. https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2

Así que la sintaxis sería

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

Answer 2

Puedes poner la repetición ng en 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 3

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