AngularJSで2行ずつ繰り返す方法

Question

次の表の行が一般的です。

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

ただし、2行ずつ繰り返す方法はありますか？

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

Answer 1

あなたはAngularJS 1.2+を使用している場合は、ng-repeat-startとng-repeat-endを使用することができます。

<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に "特別リピート開始点と終了点" を参照してください。

そうでなければ、tbody要素にtrをラップし、それを繰り返すなど、いくつかの厄介なトリックに頼らなければなりません。