Angular.js ng-repeat跨多个元素

geo*_*sic 83 javascript jquery angularjs angularjs-ng-repeat

这个问题在这里得到了部分解决:Angular.js ng-repeat跨越多个tr

然而,这实际上只是一个解决方案,它实际上并没有解决核心问题,即:如何在没有包装器的情况下跨多个元素使用ng-repeat?

例如,jquery.accordion要求你重复一个h3和div元素,怎么用ng-repeat做呢?

Igo*_*nar 157

我们现在对此有适当的支持,请参阅:

AngularJs Commmit

有了这个改变你现在可以做:

<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>
Run Code Online (Sandbox Code Playgroud)

  • 正如@geoidesic建议的那样,它在1.1.5之后下降,所以在1.1.6(或很可能是1.2.0)中注意它 (3认同)

hac*_*fan 21

要回答上面关于表中超过2个ng-repeat级别的Andre的问题,您可以使用多个ng-repeat-start来完成此任务.

<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>
Run Code Online (Sandbox Code Playgroud)

这是一个有关的例子