angular-ng-repeat不允许collection中存在两个相同Id的对象

最新推荐文章于 2018-09-11 14:51:16 发布

正在输入代码中

最新推荐文章于 2018-09-11 14:51:16 发布

阅读量1.4k

点赞数

分类专栏： web前端 Angular 文章标签： js angular

本文链接：https://blog.csdn.net/qq_26744901/article/details/51161702

版权

web前端同时被 2 个专栏收录

145 篇文章 0 订阅

订阅专栏

Angular

18 篇文章 0 订阅

订阅专栏

错误如下：

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

 <li ng-repeat="x in list1 track by $index ">
        {{x}}
    </li>

在循环里加上track by $index

数组中是不允许存在两个相同的数字的。为了规避这个错误，需要定义自己的track by表达式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

正在输入代码中

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Angular ng-repeat 对象和数组遍历实例

09-01

`Angular ng-repeat`指令是AngularJS中的核心功能，它允许开发者轻松地处理数据绑定，无论是数组还是对象。通过`ng-repeat`，我们可以动态地创建列表，展示数据集合，并且在对象遍历时可以访问其属性。在实际开发中...

Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

12-28

ng-repeat-start与ng-repeat-end时AngularJS（1.2.x）扩展的，使用这两个指令可以灵活控制遍历形式。例如： index.html <div class=uk-panel ng-controller=UserCtrl> <ul class=uk-list> <li ng-repeat-start=...

参与评论您还未登录，请先登录后发表或查看评论

angularJS中repeat数据不能出现重复项解决

littlebearGreat——宁静致远

01-15

2199

angularJS中repeat的数组数据不能出现重复项，代码本应该是这样的：解决方法：在" x in attr "后面直接加上" track by $index "即可。改过的代码如下：

AngularJS 使用 ng-repeat 为标签设置唯一ID

soindy

06-14

4757

AngularJS 使用 ng-repeat 为标签设置唯一ID: <li data-ng-repeat="data1 in data.subNaviMenu track by $index"> <a ng-href={{data1.routing}} id="rout-{{$index}}"> <span data-translate={{data1.internation

ionic collection-repeat

小小程序猿

12-05

1244

collection-repeat 代替ng-repeat 高性能

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

Jack 架构师之路

07-06

2798

错误原因今天前台接收到后台提交的数据以后，在view进行ng-reapet绑定数据的时候出现以下脚本错误： [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys 上面这句代码大概的意思：

(十二)ng-repeat指令中使用track by子语句解决重复数据遍历的错误

热门推荐

aty

03-06

3万+

我们可以使用ng-repeat指令遍历一个javascript数组，当数组中有重复元素的时候,angularjs会报错: Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: user in user

ng-book2-angular-6-r68

06-21

《ng-book2-angular-6-r68》是深入、全面且与时俱进的Angular 6专著，旨在帮助读者成为Angular 6的专家。这本书涵盖了Angular框架的各个方面，从基础概念到高级特性和最佳实践，旨在让读者对Angular 6有深入的理解。...

Angular中ng-repeat与ul li的多层嵌套重复问题

12-29

学习ng-repeat的过程中常常使用到ng-repeat=”item in array”来循环输出所需要的元素，但是当我们需要使用ng-repeat进行多层嵌套时则容易出现数据重复的问题。如在加载与点击事件于js中进行两次http请求获取data...

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

11-27

本文实例讲述了AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题。分享给大家供大家参考，具体如下：我们可以使用ng-repeat指令遍历一个JavaScript数组，当数组中有重复元素的时候,AngularJS会报错: Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use ‘track by’ expression to specify unique keys. Repeater: user in users, Duplicate key: number:1。下面

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

weixin_30745641的博客

07-04

100

错误原因在于出现相同内容。原写为： <li ng-repeat="log in logs" scroll-down> {{log}}</li> 改写为： <li ng-repeat="log in logs track by $index" scroll-down> {{log}}</li> 加track by $index即...

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

dlh918的博客

10-13

2394

angularjs页面试用ng-repeat时，刷新页面报错Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: c in msg, Duplicate key: object:63, Duplicate

angularjs的collection-repeat用法

固本培元的专栏

11-03

3359

http://ionicframework.com/docs/api/directive/collectionRepeat/ 首先摘录原文： collection-repeat See the Pen by Ionic (@ionic) on CodePen. collection-repeat allows an app to show h

ng-repeat 遍历同值数组导致的报错

tyust512的专栏

12-21

1097

问题 <div> <ion-slide-box class="slide-index" auto-play="true" slide-interval="3000" > <ion-slide ng-repeat="image in goods.goods_images"> <div class="box">

【结构可用，只可用于展示】如何在angularjs的directive指令的template中使用ng-repeat?

圆子mom的博客

09-11

1058

因为自己再写一个类似苹果finder文件管理器的效果，所以用到了这个功能，我被这个问题搞了一天左右。上一篇的问题在这里：我还没有解决我写的代码： &amp;lt;div linkedlist listcolumns=&quot;{{cashAccountsColumns}}&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;!DOCTYPE html

AngularJs Filter自定义过滤器控制ng-repeat去除重复

天马3798

06-08

1万+

代码： {{x.id}}---{{x.name}} //AngularJs 自定义过滤器 //1.使用过滤器，取出重复 angular.module('common', []).filter('unique', function () { return function (collection, keyname)

Java Collection

iteye_12813的博客

03-11

247

概述和我们上次讲的String一样，Java集合类也是实际开发过程中经常用到的类。在 Java2中，有一套设计优良的接口和类组成了Java集合框架Collection，使程序员操作成批的数据或对象元素极为方便。这些接口和类有很多对抽象数据类型操作的API，而这是我们常用的且在数据结构中熟知的。例如Map，Set，List等。并且Java用面向对象的设计对这些数据结构和算法进行了封装，这...

遍历collection是否会出现重复遍历？

weixin_34367257的博客

05-12

278

　　在处理一次线上问题时，需要遍历一张玩家信息表，看单个account是否存在多个entity。使用aid_playerid_dict建立aid到playerid的映射，遍历过程中，发现同一个aid会出现两（多）次，没有细看playerid，以为是一个account存在多个entity。仔细看log，发现两个player_id（_id）是一样的，也就是说，db.collection.find方式遍...

AngularJS下拉列表选择框详解：ng-options与ng-repeat应用

比如，如果你有一个对象数组，你可以通过`ng-repeat`遍历对象属性，然后在`ng-options`中引用这些属性： ```html <select ng-model="selectedPerson" ng-options="person.name as person.title for person in ...