AngularJS: ng-repeat pour 2 x ne pouvez pas utiliser un DIV
j'ai un problème que je dois répéter ce qui suit.. en tant que groupe
<tr></tr>
<tr></tr>
je ne peux pas les entourent avec une DIV sur la mettre la ng-repeat y son pas valide pour les TR c'est à dire
<div ng-repeat="item in items">
<tr></tr>
<tr></tr>
</div>
donc j'ai mis en oeuvre ce qui suit
<tr ng-repeat.....></tr>
<tr ng-repeat.....></tr>
mais le problème est qu'il y a une collection de 6 articles donc le premier tr rend 6 fois et ensuite 6 fois pour le suivant ...
je me gratte la tête en essayant de contourner ça mais je viens juste peux pas comprendre.
ce serait bien s'il y avait une sorte D'étiquette Div qui a été utilisée pour ng-repeat mais n'a pas rendu un élément au DOM ??
3 réponses
Vous pouvez mettre le ng-repeat sur un élément de 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>
il semble que les gars d'angularjs ont mis en œuvre quelque chose dans ce sens. https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2
Donc la syntaxe
<tr ng-repeat-start="item in items"></tr>
<tr ng-repeat-end></tr>
<tr ng-repeat-start="item in items">
<td>{{item.data1}}</td>
</tr>
<tr ng-repeat-end>
<td>{{item.data2}}</td>
</tr>