ng-repeat中的ng-repeat会创建空的td元素——Angular
ng-repeat inside ng-repeat creates empty td element - Angular
当对包含数组的对象使用两个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
相关文章:
- Angular ng repeat order将多个字段作为一个字段
- Angular js+ng repeat+字母数字索引不起作用
- 如何在ng repeat angular js中使用$index
- Angular JS ng-repeat
- 在angular中,使用ng repeat生成动态html内容
- Angular js将只显示ng repeat中的第一个元素
- Angular.js:使用ng repeat创建2个html容器
- 带有 ng-repeat 的 Angular JS 指令无法遍历子元素
- 如何从 Angular ng-repeat 指令中检索数组中的某些索引
- jQuery Click Event 不适用于 Angular.js NG-repeat
- 使用Angular js ng repeat指令过滤json对象
- 我能用angular js ng repeat和turn.js吗
- Angular js ng repeat与条件ng类不应用css类
- 将jquery函数添加到Angular ng repeat中
- Angular if ng-repeat multi filter is empty
- 计算 ng-repeat Angular JS 表达式的总数
- order by and click在ng repeat angular js中不起作用
- 如果tr没有子项-ng repeat-angular,请删除它
- 如何在 ng-repeat (Angular JS) 的过滤器中使用数据绑定变量
- 在ng-repeat angular中格式化列值