AngularJS中track by的作用

Posted 2023-02-21 考拉的墨尔本

在使用AngularJS的时候，如果用ng-repeat指令遍历一个数组，当数组中有重复元素的时候,angularjs会报错：

Error: [ngRepeat:dupes]。这是因为ng-repeat不允许数组中存在两个相同Id的对象。为了避免这个错误,需要定义自己的track by表达式。

			<dd ng-repeat="todo in todos track by $index">//直接拿循环的索引变量$index来用
				<input type="checkbox" ng-checked="todo.checked" ng-click="done($index, $event)">
				todo.text
				<a ng-href="" ng-click="delete($index, todos)">删除</a>
			</dd>

上面的代码就创建了自己的track by $index表达式。