使用ng-repeat與角度過濾器模塊

我正在使用Angular Filter插件將tr分組到表格中。目前的結構之下使用ng-repeat與角度過濾器模塊

<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

來源

2014-09-27 user1184100

的documentation of ngRepeat說：

要重複一系列元素而不是一個父元素，ngRepeat（以及其他ng指令）支持通過使用ng-repeat-start和ng定義明確的開始和結束點來擴展中繼器的範圍 - 重複結束。 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>

來源

2014-09-27 14:31:55

使用ng-repeat與角度過濾器模塊

回答

相關問題