ng-repeat中的ng-repeat会创建空的td元素——Angular

ng-repeat inside ng-repeat creates empty td element - Angular

本文关键字:ng-repeat Angular 元素 td 中的 创建      更新时间:2023-09-26

当对包含数组的对象使用两个ng-repeat时,我遇到了一个奇怪的问题。下面是Angular的html代码:

<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之后,一个空的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元素是完全空的,甚至没有为它分配class属性。下面是我使用的对象:

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。任何帮助都是感激的,因为这快把我逼疯了:)。

阿瑞斯

缺少关闭标记<td>而不是</td>

别担心. .我们都有过这样的经历

不能在第二个td中关闭td