Повторите несколько строк в таблице с AngularJS

Question

Я пытаюсь создать таблицу в AngularJS, которая имеет несколько строк на элемент. Вывод должен быть похож на:

<table>
    <tr><td>Item 1 Row a</td></tr>
    <tr><td>Item 1 Row b</td></tr>
    <tr><td>Item 1 Row c</td></tr>
    <tr><td>Item 1 Row d</td></tr>
    <tr><td>Item 2 Row a</td></tr>
    <tr><td>Item 2 Row b</td></tr>
    <tr><td>Item 2 Row c</td></tr>
    <tr><td>Item 2 Row d</td></tr>
</table>

Каков наилучший способ достижения этого? Есть ли подход, который я могу использовать, который требует разметки, как это:

<table>
    <tag ng-repeat="item in data">
        <tr><td>Item {{item.id}} Row a</td></tr>
        <tr><td>Item {{item.id}} Row b</td></tr>
        <tr><td>Item {{item.id}} Row c</td></tr>
        <tr><td>Item {{item.id}} Row d</td></tr>
    </tag>
</table>

EDIT: data будет выглядеть следующим образом:

{"data": [
     {
         "id": 1
     },
     {
         "id": 2
     },
     {
         "id": 3
     }
 ]}

Answer 1

Заменить tag на tbody следующим образом:

<table>
    <tbody ng-repeat="item in data">
        <tr><td>Item {{item.id}} Row a</td></tr>
        <tr><td>Item {{item.id}} Row b</td></tr>
        <tr><td>Item {{item.id}} Row c</td></tr>
        <tr><td>Item {{item.id}} Row d</td></tr>
    </tbody>
</table>

Это будет работать.

Ваша таблица будет иметь несколько тегов tbody, если это не проблема.