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>

编辑： 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标签。

使用AngularJS在表中重复多行

1 个答案: