AngularJS:2 x的ng-repeat不能使用DIV

前端之家收集整理的这篇文章主要介绍了AngularJS:2 x的ng-repeat不能使用DIV前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题,我需要重复以下..作为一个组
  1. <tr></tr>
  2. <tr></tr>

我不能用DIV围住他们,因为将ng重复放在那里,因为它对TR无效,即

  1. <div ng-repeat="item in items">
  2. <tr></tr>
  3. <tr></tr>
  4. </div>

所以我目前有以下的实现

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

但问题是这是有6个项目的集合,所以第一个TR渲染6次,然后6次下一个…

我正在抓我的脑袋试图解决这个问题,但是我根本无法想像出来。

如果有某种类型的Div标签用于ng重复,但没有将元素渲染到DOM,那将是很好的

您可以将ng-repeat放在tbody元素上:
  1. <tbody ng-repeat="item in items">
  2. <tr>
  3. <td>{{item.row_one_stuff}}</td>
  4. <td>{{item.more_row_one_stuff}}</td>
  5. </tr>
  6. <tr>
  7. <td>{{item.row_two_stuff}}</td>
  8. <td>{{item.more_row_two_stuff}}</td>
  9. </tr>
  10. </tbody>

猜你在找的Angularjs相关文章