Angular 只在没有重复元素的数组上重复
Angular only repeats over arrays with no repeated elements
以下 Angular 代码显示四只跳舞的仓鼠:
<img src="images/dancingHamster.gif" ng-repeat="i in [1,2,3,4]">
而这段代码什么都不显示:
<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1]">
这里还有一些有效的数组:
[4,3,2,1] ['a','c','b','z']
还有一些什么都不显示:
[4,3,2,4] ['a','c','b','a']
据我所知,它只有在没有重复元素的情况下才有效。这是为什么?
如果数组中的项目重复使用 $index
跟踪
<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1] track by $index">
以下 Angular 代码显示四只跳舞的仓鼠:
<img src="images/dancingHamster.gif" ng-repeat="i in [1,2,3,4]">
而这段代码什么都不显示:
<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1]">
这里还有一些有效的数组:
[4,3,2,1] ['a','c','b','z']
还有一些什么都不显示:
[4,3,2,4] ['a','c','b','a']
据我所知,它只有在没有重复元素的情况下才有效。这是为什么?
如果数组中的项目重复使用 $index
跟踪<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1] track by $index">