2013-11-23 19 views
23

Aşağıdaki tablo satırı normaldir.AngularJS'de her birine iki satır daha yineleme

<tr ng-repeat="item in items"> 
    <td>{{item.id}}</td> 
    <td>{{item.subject}}</td> 
    <td>{{item.author}}</td> 
    <td>{{item.date}}</td> 
</tr> 

Ancak, her birine iki satır nasıl yinelenir? Eğer angularjs 1.2 ve üzeri kullanıyorsanız

<tr ??> 
    <td rowspan=2>{{item.id}}</td> 
    <td colspan=2>{{item.subject}}</td> 
</tr> 
<tr ??> 
    <td>{{item.author}}</td> 
    <td>{{item.date}}</td> 
</tr> 
+2

[Birden çok trs arasında Angular.js yineleme] 'nin olası kopyası (http://stackoverflow.com/questions/12979205/angular-js-ng-repeat-across-multiple-trs) – Amicable

cevap

44

, sen ng-repeat-start ve ng-repeat-end kullanabilirsiniz:

<tr ng-repeat-start="item in items"> 
    <td rowspan=2>{{item.id}}</td> 
    <td colspan=2>{{item.subject}}</td> 
</tr> 
<tr ng-repeat-end> 
    <td>{{item.author}}</td> 
    <td>{{item.date}}</td> 
</tr> 

ngRepeat docs "Özel tekrarlama başlangıç ​​ve bitiş noktaları" bölümüne bakın.

Aksi takdirde, tr öğesinin bir tbody öğesinde sarılması ve tekrarlanması gibi bazı kötü hilelere başvurmanız gerekir.

+1

Teşekkürler! İşe yarıyor! – cybaek

İlgili konular