angular.js - 数组 ng-repeat

问题描述

问 题

问题如图：view无法显示

如果改变下，如下图，有能正常显示：

请教下，这是为什么呢？

解决方案

因为 ng-repeat 指令对于所有的 item 都必须具有唯一性，意思就是必须是可标识的，因为这样ng才可以在内部标识它们并根据数据的变动来维护它们。
通常默认的标识就是数组中的元素本身，你这里的第一种情况，0,1,2各不相同，所以它们都是可标识的，但是对于0,0,2来说，第一个元素和第二个元素的值相同，所以它们之间是不可标识的，这种情况ng会报错。
解决办法就是按1楼的方法就行，增加一个track by后缀，其意义指的是，item 按什么来标识，ng-repeat指令中默认注入$index指代 item 的下标，那么这里的第一个0和第二个0，分表会用它们的下表0和1来标识，因此它们彼此也是可标识的了。
同样track by还支持表达式形式，如果你的数组元素是如下的形式

scope.arr = [{id:1}, {id:2}, {id:3}]

那么可以使用

ng-repeat = "item in arr track by item.id" 

来按每个 item 的 id 来标识它们。

这篇关于angular.js - 数组 ng-repeat的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！