Question

我正在使用Angular Filter插件将tr分组到表中。目前的结构如下

<tbody>
      <tr ng-repeat="row in data |groupBy: 'row' | orderBy : 'row'">
         <td ng-repeat="person in row">{{person.row}}.{{person.name}}</td>    
      </tr>
</tbody>

我正在尝试将2 td添加到tr中，如下所示

<tbody>
      <tr ng-repeat="row in data |groupBy: 'row' | orderBy : 'row'">
         <td ng-repeat="person in row"><span>{{person.name}}</span></td>
         <td colspan="{{person.colspan}}" ng-repeat="person in row"><input type="text" /></td>    
      </tr>
</tbody>

但是首先添加带有跨度的td，然后添加输入字段的td，这不是我想要的

Plnkr：http://plnkr.co/edit/GaW4XsAwlDkFs61VXkOl?p=preview

Answer 1

documentation of ngRepeat说：

要重复一系列元素而不仅仅是一个父元素，ngRepeat（以及其他ng指令）支持通过使用ng-repeat-start和ng-repeat定义显式的起点和终点来扩展转发器的范围 - 分别。 ng-repeat-start指令与ng-repeat的作用相同，但会重复所有HTML代码（包括它定义的标记），包括放置ng-repeat-end的结束HTML标记。

所以你想要

<td ng-repeat-start="person in row"><span>{{person.name}}</span></td>
<td colspan="{{person.colspan}}" ng-repeat-end><input type="text" /></td>

使用ng-repeat和角度滤波器模块

1 个答案: