转：在使用angularjs过程，ng-repeat中track by的作用

辛苦的码农20200609

于 2020-08-14 15:07:39 发布

阅读量194

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h201c111jbkj.html

版权

前端专栏收录该内容

785 篇文章

订阅专栏

本文详细解析了AngularJS中遇到的ngRepeat dupes错误，即数组中存在相同ID对象的问题。阐述了数字对象ID的特性，以及如何通过自定义trackby表达式避免重复，如使用item.id或$index。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载：链接

<div ng-repeat="links in slides">
    <div ng-repeat="link in links track by $index">{{link.name}}</div>
</div>

Error: [ngRepeat:dupes]

这个出错提示具体到题主的情况，意思是指数组中有2个以上的相同数字。 ngRepeat不允许collection中存在两个相同Id的对象

For example: item in items is equivalent to item in items track by $id(item). This implies that the DOM elements will be associated by item identity in the array.

对于数字对象来说，它的id就是它自身的值，因此，数组中是不允许存在两个相同的数字的。为了规避这个错误，需要定义自己的track by表达式。例如：item in items track by item.id或者item in items track by fnCustomId(item)。嫌麻烦的话，直接拿循环的索引变量$index来用item in items track by $index