AngularJS ngRepeat:dupes

时间:2016-03-15 14:13:01

标签: javascript angularjs ng-repeat

(使用AngularJS)

我正在学习AngularJS并尝试一个简单的结账系统。我有两列,左边有我的物品,右边有一个篮子(推车)。基本上你可以从左边添加项目,它们出现在右边的篮子里。

问题是,当你将项目添加到已经存在的篮子时,我在控制台中得到了ngRepeat:dupes错误。我已经处理了增加数量的功能,但它阻止任何其他项目显示在篮子里。

理想情况下,我想忽略ng:重复欺骗错误并继续向购物篮添加商品。

这是一个篮子的片段;

-Wvla

如果我没有清楚地解释我的要求,或者您需要更多代码,请发表评论。

示例(希望清除任何误解):

我希望这更清楚。假设您的购物车中已经有衬衫,然后您想再添加一件衬衫(这样可以正常工作,我的功能可以增加数量1)但是,这个错误:在浏览器控制台窗口中重复欺骗。然后,当我尝试将一件运动衫添加到篮子中时,篮子中的内容将不会更新

3 个答案:

答案 0 :(得分:1)

我不确定我是否正确理解了您的问题,但尝试添加"跟踪$ index"你的ng-repeat

答案 1 :(得分:1)

在ng-repeat中使用跟踪$ index,如

<div ng-repeat="item in items track by $index">

答案 2 :(得分:0)

当存在重复的$hashKey JSON对象时,我收到此错误。