关于ng-repeat的track by $index

在开发web应用时,我们经常需要用ng-repeat遍历$scope中的数组,去更新视图中的列表元素。
当我们数组中的元素重复时,浏览器在console中就报这样的错误。

$scope.array=[1, 1, 1, 1, 2];
Error: [ngRepeat:dupes]

因为AngularJS禁止ng-repeat中的数组中的元素重复,一般我们会使用track by $ index的方式解决这个问题。

$scope.number=[1, 1, 1, 1, 2];

ng-repeat=”n in number track by $index”

这里的重复的值,指的是原始值,如果我们用对象来表示,那么不会产生错误。比如Number对象:

$scope.number=[new Number(2), new Number(2), new Number(2)];

String对象:

$scope.number=[new String(2), new String(2), new String(2)];

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值