Angularjs中ng-repeat数组有重复项

我有这么一段代码:

<ul>
    <li ng-repeat="item in ['One','Two','Two']">{{item}}</li>
</ul>

看着貌似很正常的一个循环,但当你运行了以后会发现控制台报了一个错误:

Paste_Image.png

这是因为咱们循环的数组里面有重复项,只需加一句track by $index,于是修改为:

<ul>
    <li ng-repeat="item in ['One','Two','Two'] track by $index">{{item}}</li>
</ul>

好了,再次运行,发现可以正常的运行啦!

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,455评论 0 4
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 14,349评论 0 33
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,899评论 18 399
  • 判断一个人是否有时间观念,基本的有两点: 一是守时,二是准时。 守时 守时,就是不迟到,准确点说,应该是提早一点到...
    明哥聊求职阅读 32,255评论 54 3