Question

对于包含数组的对象使用两个ng-repeat时，我有点奇怪的问题。这是Angular HTML-Code：

<tr data-ng-repeat="reqs in requirements | orderBy:['categoryOrder','order']">
    <td>
        <strong>{{reqs.category}}</strong>
    </td>
    <td data-ng-repeat="values in reqs.values | orderBy:'showOrder'">
        <div data-ng-repeat="(key,value) in values">{{value}}</div>
    <td>
</tr>

表格显示正常，数据也很好看。我唯一的问题是，在每个tr之后，一个empy td元素将被插入而没有任何类，我无法摆脱它。这是输出的HTML：

<tr class="ng-scope" data-ng-repeat="reqs in requirements | orderBy:['categoryOrder','order']">
    <td>
        <strong class="ng-binding">Foobar</strong>
    </td>
    <td class="ng-scope" data-ng-repeat="values in reqs.values | orderBy:'showOrder'">
    <td class="ng-scope" data-ng-repeat="values in reqs.values | orderBy:'showOrder'">
    <td class="ng-scope" data-ng-repeat="values in reqs.values | orderBy:'showOrder'">
    <td> </td>
</tr>

有没有其他人经历过这种奇怪的行为？ td元素是完全空的，甚至没有分配给它的类属性。这是我使用的对象：

category: "Foobar"
categoryOrder: 10
description: "Some desc"
id: 2
order: 10
shortName: "SM-01"
values: [
0: {Foo: "Bar", showOrder: 1},
1: {Bar: "Foo", showOrder: 2},
2: {Meh: "Mah", showOrder: 3}
]

我使用的是AngularJS 1.3.0。任何帮助都表示赞赏，因为这让我疯狂:)。

战神

Answer 1

缺少结束标记<td>而不是</td>

别担心..我们都去过那里

Answer 2

你没有在第二个td关闭你的td

ng-repeat内部的ng-repeat创建空的td元素 - Angular

2 个答案: