☰

AngularJSでさらに2行ずつ繰り返す方法 質問する

tag-icon • tag-icon angularjs angularjs-ng-repeat
AngularJSでさらに2行ずつ繰り返す方法 質問する

次の表の行は典型的なものです。

<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>

ベストアンサー1

ng-repeat-startAngularJS 1.2 以降を使用している場合は、と を使用できます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ドキュメント。

trそれ以外の場合は、 s を要素内にラップしてそれを繰り返すなど、厄介なトリックに頼る必要がありますtbody。

おすすめ記事