Ng-repeat意外的多次重复

Question

我有一个看起来像这样的对象：

所以基本上我不知道对象的长度，并且我正在使用以下代码来呈现结果：

<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
    <tr ng-repeat-start="(key, item) in items() track by key" ng-if="item.primary"></tr>
        <td first someprop="2">first</td> 
    <tr ng-repeat-end ng-if="!item.primary">
        <td>[NOT] first</tr>
    </tr>
</table>

我希望表中的第一个元素（也被突出显示）始终是具有primary=true属性的对象。

具有上述对象的预期结果：

当前结果：

如果在对象中添加第三个元素，则会得到：

内容： http : //jsfiddle.net/UuzZT/

Answer 1

您的HTML中存在一个简单的语义错误，特别是ng-repeat-start元素不会包装<td>因此即使ng-if存在，每次也会显示<td> 。 在这里更正：

http://jsfiddle.net/UuzZT/1/

但是 ，还有其他问题是由于您要遍历一个对象而导致的。 对象不具有序数属性。

Answer 2

您的第一个表格行不包含表格数据（tr外的td）

将代码更改为此：

<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
<tr ng-repeat-start="(key, item) in items() track by key" ng-if="item.primary">
    <td first someprop="2">first</td>
</tr> 
<tr ng-repeat-end ng-if="!item.primary">
    <td>[NOT] first</tr>
</tr>