javascript - example - Angular.js ng-repeat sur plusieurs éléments




ng-repeat table (2)

Cette question a été partiellement traitée ici: Angular.js ng-repeat sur plusieurs tr

Cependant, il ne s'agit en fait que d'une question de travail: elle ne traite pas vraiment du problème principal: comment utiliser ng-repeat sur plusieurs éléments sans wrapper?

Par exemple, jquery.accordion vous oblige à répéter un élément h3 et div, comment pourrait-on le faire avec ng-repeat?


Nous avons maintenant un soutien approprié pour cela, s'il vous plaît voir:

AngularJs Commit

avec ce changement, vous pouvez maintenant faire:

<table>
  <tr ng-repeat-start="item in list">
      <td>I get repeated</td>
  </tr>
  <tr ng-repeat-end>
      <td>I also get repeated</td>
  </tr>
</table>

Pour répondre à la question d'André ci-dessus sur plus de 2 niveaux de ng-repeat dans un tableau, vous pouvez utiliser plusieurs ng-repeat-start pour accomplir ceci.

<tr ng-repeat-start="items in list">
   <td>{{items.title}}</td>
</tr>
<tr ng-repeat-start="item in items">
   <td>{{item.subtitle}}</td>
</tr>
<tr ng-repeat-end ng-repeat="value in item.values">
   <td>{{value.col1}}</td>
   <td>{{value.col2}}</td>
</tr>
<tr ng-repeat-end></tr>

Voici un exemple de plunker







angularjs-ng-repeat