当数组存在重复值时，Angular 数据绑定停止工作。

25 浏览
0 Comments

当数组存在重复值时，Angular 数据绑定停止工作。

这个问题已经在这里有了答案:

Angular ng-repeat Error \"Duplicates in a repeater are not allowed.\"

我有这个html，将$scope.comments数组绑定到无序列表中;

    • {{ c }}

 

 

然后是这个脚本来初始化和添加更多项目到列表中;

这很好用，直到我尝试添加一个重复项。调试向我展示Javascript将重复项推入数组，但是Angular数据绑定不再更新列表。

有什么想法，或者我做错了什么吗？

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

你需要按索引进行跟踪，而不是按值进行跟踪，因此在ng-repeat中编辑此行：

ng-repeat="c in comments track by $index"

0
0 Comments

使用以下代码：

    
    
        
  • 
            {{ c }}
        
    •

track by $index 通过索引跟踪数组元素而不是按值进行跟踪。详见此处。

0