AngularJS 使用ng-repeat报错 [ngRepeat:dupes]

更新时间：2017年01月19日 11:11:17 投稿：lqh

这篇文章主要介绍了AngularJS 使用ng-repeat报错 [ngRepeat:dupes] 的相关资料,需要的朋友可以参考下

AngularJS 使用ng-repeat报错

[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniq

ng-repeat报错

   
<div ng-init="words = ['高校','高校','高校']" ng-repeat="word in words"> 
  {{word}} 
</div>

[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys

发现是因为相同的内容重复引起，解决方案

<div ng-init="words = ['高校','高校','高校']" ng-repeat="word in words track by $index"> 
  {{word}} 
</div>

在ng-repeat后面加上

track by $index

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

AngularJS基础 ng-mouseenter 指令示例代码
本文主要介绍AngularJS ng-mouseenter 指令,这里对ng-mouseenter 指令基础资料做了详细整理,并附代码实例,有需要的小伙伴可以参考下
2016-08-08
AngularJS入门之动画
AngularJS中ngAnimate模块支持动画效果，但是ngAnimate模块并未包含在AngularJS核心库中，因此需要使用ngAnimate需要在定义Module时声明对其的引用。下面通过本文我们来看看AngularJS动画的详细介绍。
2016-07-07
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。下面这篇文章主要给大家介绍了关于在Angular.js项目中使用gulp实现自动化构建以及压缩打包的相关资料，需要的朋友可以参考下。
2017-07-07
RequireJS 依赖关系的实例(推荐)
下面小编就为大家带来一篇RequireJS 依赖关系的实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
利用JavaScript的AngularJS库制作电子名片的方法
这篇文章主要介绍了利用JavaScript的AngularJS库制作电子名片的方法,其中需要使用到HTML5的canvas画布,需要的朋友可以参考下
2015-06-06
angularjs实现多选框分段全选效果实现
这篇文章主要为大家介绍了angularjs实现多选框分段全选效果实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
Angular2使用Guard和Resolve进行验证和权限控制
本篇文章主要介绍了Angular2使用Guard和Resolve进行验证和权限控制，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
Angular模板表单校验方法详解
这篇文章主要为大家详细介绍了Angular模板表单校验方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
利用angularjs1.4制作的简易滑动门效果
本文主要介绍了利用angularjs1.4制作的简易滑动门效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
AngularJS使用ocLazyLoad实现js延迟加载
这篇文章主要介绍了AngularJS使用ocLazyLoad实现js延迟加载的相关资料,需要的朋友可以参考下
2017-07-07