AngularJS中track by的作用

来源:互联网 发布:电子墨水屏软件 编辑:程序博客网 时间:2024/06/06 03:12

在使用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表达式。

原创粉丝点击