angularjs Error: ngRepeat:dupes Duplicate Key

赞赏 2017-03-15

angularjs 报错:Error: ngRepeat: dupes Duplicate Key in Repeater。 意思是不能有重复的值,可实际业务中避免不了要循环重复的值,肿么办?

angularjs Error: ngRepeat:dupes Duplicate Key

方法1


看官方文档的解释 

ng-repeat不允许有相同的值,可以用 track by 来指定唯一的keys 


也就是把换成:

<div ng-repeat="value in [4,4]">{{value}}</div>

换成:

<div ng-repeat="value in [4,4] track by $index">{{value}}</div>


方法2


有时个别情况下  track by 是不好使的,那怎么办? 

ng-repeat 虽然不允许相同的值,但允许相同的对象 

也就是把换成:

<div ng-repeat="value in [4,4]">{{value}}</div>

换成:

<div ng-repeat="value in [{"text":4},{"text":4}]">{{value.text}}</div>


登陆后阅读全文
阅读 1618 赞赏 0 有用 17 没用 0 收藏 1 分享

注意事项

优先用第一种方法

   


作者声明:本篇文章系本人原创,欢迎分享,但未经许可,谢绝转载。

0 条留言

相关文章

angularjs 报错Error: [$rootScope:infdig],怎么办?

angularjs 改了变量 前台数据不更新

angularjs 请求后端接口请求了两次

有料推荐

这世界欠我一个这样的老公!

高校学生模仿“世界名画”摆拍,可以说是戏精本精了

iPhone X 跌破发行价,苏宁200亿入股恒大 | 财经日日评

果然是高手!这次在日本,特朗普竹杠敲得不是一般狠

资深黄牛现身说法:iPhone X价格秒变不停,就像炒股一样

长一样的双胞胎也能识别?蚂蚁金服发布「眼纹识别」技术

苏联是怎么被阿富汗拖垮的?

美团或入局「分时租赁」共享汽车,王兴要大笔投入「泛出行」领域了? | 36氪独家

你或许被“一盘番茄炒蛋”刷屏了,但有人辛酸,有人质疑

iPhone X发售前夜,黄牛与苹果公司的不安

他的文章

@摩拜小程序为什么关锁后,还是那个开锁界面?

看片要当心了!色站不只掏空你,还可能掏空你的电脑 | 网页中可能包含JS挖矿机脚本!!!

Chrome 调试工具的一些高阶功能

前端 | 如何绕过面试题中的小坑

说说Javascript的闭包(Closure)是怎么回事?

ajax返回的http status是200 没有进success方法 却进入了error方法?

为umeditor增加引用功能

JS将RGB,RGBA颜色值转换成16进制的形式

umeditor 报错:Discontiguous selection is not supported

怎么禁用onbeforeunload()方法

手机扫一扫
分享文章