AngularJS에서 행을 각각 2개씩 더 반복하는 방법

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>

두 줄씩 반복하는 방법은?

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

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>

문서에서 "특별 반복 시작점과 종료점"을 참조하십시오.

그렇지 않으면, 당신은 그것을 포장하는 것과 같은 끔찍한 속임수에 의지해야 합니다.tr죄악을 범한tbody요소를 반복해서 말이죠.

언급URL : https://stackoverflow.com/questions/20159430/how-to-repeat-two-more-rows-to-each-in-angularjs