数组 ng-repeat

问题如图:view无法显示
clipboard.png

如果改变下,如下图,有能正常显示:
clipboard.png

请教下,这是为什么呢?

阅读 2.1k
2 个回答

因为 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 来标识它们。

在ng-repeat后面加上tracked by $index

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进