Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed.解决办法

最新推荐文章于 2020-09-20 02:35:12 发布
最新推荐文章于 2020-09-20 02:35:12 发布
阅读量1.2k 收藏
点赞数
分类专栏： angular 文章标签： ngRepeat dupes track by
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43437571/article/details/105246346
版权

在angularJs项目中

<li ng-repeat="x in aa">{{x}}</li>

出现了报错信息：

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed.

大概意思是重复了，解决办法：

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

加上索引避免重复。

加鸡腿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
10-20
主要介绍了AngularJS 使用ng-repeat报错 [ngRepeat:dupes] 的相关资料,需要的朋友可以参考下
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
11-27
本文实例讲述了AngularJS ng-...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。下面
ng-model 数据不更新 及 ng-repeat【ngRepeat:dupes】错误
weixin_30600197的博客
08-09 184
一、ng-include 引入的文件中 ，ng-model 数据不更新 　　例如，$scope.username = “Jones” 。此时，在 ng-include 引入的文件中，直接使用 ng-model="username" 会出现这种情况。 　　原因：ng-include指令创建了一个新的数据范围，它是原始范围的实例 　　解决方法： 　　　　1、可以直接在包含的Html模板中...
angularjs使用ng-repeat报错Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed
weixin_30339457的博客
08-11 191
报错：Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. ng-Repeat不允许collection中存在两个相同Id的对象，对于数字或者字符串等基本数据类型来说，它的id就是它自身的值。因此数组中是不允许存在两个相...
Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to speci
dlh918的博客
10-13 2354
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报错汇总—— angularjs Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.
Web魔法师
12-29 2288
在用angularjs开发中，前端页面通过ng-repeat指令循环显示某些值时，会出现 angularjs Error: [ngRepeat:dupes] ，这个错误让人有点困惑，明明可以正常循环的，为啥错误了呢？出现这个错误的原因是如果页面中使用了ng-repeat，angularjs默认是根据里面的内容判断是否相同的，如果里面出现相同的内容就会报错，这里要注意的是，比如如下的内容：
【Leetcode】381. Insert Delete GetRandom O(1) - Duplicates Allowed
数学、算法爱好者的博客
09-20 491
题目地址： https://leetcode.com/problems/insert-delete-getrandom-o1-duplicates-allowed/ 要求实现一个数据结构，能在O(1)O(1)O(1)的时间内完成： 1、添加一个数，如果原本存在则返回false，否则返回true。注意，即使已经存在也要添加； 2、删除一个数，如果原本不存在则返回false，否则返回true； 3、随机返回一个数，每个数的返回的概率应该与其出现的频次成正比。 思路是哈希表 + list。由于要O(1)O(1)O
Angular JS ng-repeat 报错 Error: [ngRepeat:dupes]
weixin_30509393的博客
09-27 428
ng-repeat常用情况： <div class="form-group" ng-repeat="item in items"></div> 但是这种会遇到一种情况，就是 Error: [ngRepeat:dupes] 错误 ng-repeat不允许出现两条一模一样的数据 类似这种情况就会报错 $scope.items = [1,1,1,1,2...
(十二)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
angularjs Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.8/ngRepeat/dupes?
小小黑
11-22 4214
出现这个错误的原因是如果页面中使用了ng-repeat，angularjs默认是根据里面的内容判断是否相同的，如果里面出现相同的内容就会报错，这里要注意的是，比如如下的内容 ng-repeat="user in [1,1]" 一般在实际开发中，我们一般是一个数组存一个对象， 这是里面的值都是Object，如下面的保存 ng-repeat="user in [{user:1},{user:2}]"
Angular报错[ngRepeat:dupes] Duplicates in a repeater are not allowed.
木灵的专栏
09-21 3172
[ngRepeat:dupes] Duplicates in a repeater are not allowed. 原因：item里有重复的值 添加track by $indexul.OH363D-Oi-d(aria-hidden='true', style='{{usesPermissionsizestyle}}') li(ng-repeat='item in ap
[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniq
Jack 架构师之路
07-06 2688
错误原因    今天前台接收到后台提交的数据以后，在view进行ng-reapet绑定数据的时候出现以下脚本错误：    [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys    上面这句代码大概的意思：
Bookmark Dupes-7.2.zip
最新发布
12-27
名称：Bookmark Dupes -------------------- 版本：7.2 作者：mvath.develop 分类：其他 -------------------- 概述：可以显示/删除重复书签、空文件夹或说明的 WebExtension 描述： (C)MartinVäth, 该项目...
yadf:另一个骗子发现者
03-20
YADF-又一个双倍的发现者 在我的机器上。 安装 预建包 部分提供了某些平台的可执行二进制文件。 从源头建造 ...yadf --depth 1 # find duplicates in current directory without descending fd --t
idea里代码报黄色：XML tag has empty body less... (Ctrl+F1) Reports empty tag body. The validation works in
qq_43437571的博客
06-27 1万+
idea编辑器里input标签和textarea标签的代码背景变黄，出了问题，当鼠标放上去，显示： XML tag has empty body less… (Ctrl+F1) Reports empty tag body. The validation works in XML / JSP /JSPX / HTML / XHTML file types. 百度翻译出来：XML标记没有空正文…（c...
angular.js中的复选框checkbox的用法
qq_43437571的博客
09-15 1796
首先在head里引入 <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> 页面部分： <div ng-app="myApp" ng-controller="myCtrl"> <div> <label for="selectData">选中</label> <input type
angularJs结合ui-grid做成的表格实例
qq_43437571的博客
06-27 1441
因为项目的angular.js版本比较老，1.3.X版的，并且最开始的ui-grid版本也比较低，3.0.0版的，所以也不方便去找其他的表格插件，就用这个ui-grid 亲测有效。 ① 先在主页面引入ui-grid的js和css ② 在app.js页面引入ui-grid模块，用什么引什么，不用的功能不需要引 var app = angular.module('appModel',[ ......
provisional headers are shown解决办法
qq_43437571的博客
08-27 1403
成功请求过一次，第二次再看，点击提交按钮，没有任何反应，看newwork里的信息，发现Request Headers一栏报这个问题： provisional headers are shown 网上查了很多办法，也设置preventDefault了，也隐身窗口看了，都是这个报错，换个浏览器干脆打不开这个网页，比较乌龙的是解决办法很简单，后台断点断住了，不能往下走，但是我明明按了F9下一步，也没有解决，应该是以前打了断点没取消，所以这次的问题比较蠢，记录一下。以后打完断点一定记得取消。 在IDEA里查看所有
AngularJs项目中多个页面共用一个创建或编辑页面
qq_43437571的博客
07-04 1211
功能类似的项目会有类似的操作，比如：创建，编辑，删除等等。比如a页面需要创建，b页面也需要创建，c页面也需要创建，那么每个页面都写一个创建页面的html，会使代码冗余。 优化方法： 在a页面的js上： $scope.add = function() { $scope.model.errorMessage = undefined; $s...
用vba将excel内同一单元格内容去重
08-16
### 回答1： 很高兴为您解答，可以使用VBA函数来去除Excel单元格内重复的数据。首先，打开VBA编辑器，在模块中添加以下代码：Sub Remove_Dupes()Dim Lrow As Long, Dic As Object, K As VariantSet Dic = CreateObject("Scripting.Dictionary")With Sheets("Sheet1")Lrow = .Cells(Rows.Count, "A").End(xlUp).RowFor i = 2 To LrowK = .Cells(i, 1).ValueIf Not Dic.exists(K) ThenDic.Add K, NothingElse.Cells(i, 1).ClearContentsEnd IfNext iEnd WithEnd Sub然后运行该函数，即可完成去重操作。 ### 回答2： 使用VBA可以轻松地进行Excel工作表中同一单元格内容的去重操作。下面是一种实现方法： 1. 首先，打开Excel工作表，按下`ALT + F11`进入VBA编辑器。 2. 在VBA编辑器中，选择当前工作簿的VBA项目，在项目浏览器窗口中右击，选择"插入" -> "模块"，在VBA项目中创建一个新的模块。 3. 在新建的模块中，输入以下代码： ```vba Sub 去重() Dim ws As Worksheet Dim rng As Range Dim cell As Range Set ws = ThisWorkbook.ActiveSheet Set rng = ws.UsedRange ' 范围可以根据具体需求修改 For Each cell In rng If cell.Value <> "" Then ' 确保单元格不为空 cell.Value = application.Trim(cell.Value) ' 去除字符串两边的空格 cell.Value = application.WorksheetFunction.Trim(cell.Value) ' 去除字符串中间的多余空格 End If Next cell rng.RemoveDuplicates Columns:=1, Header:=xlNo ' 去重操作 Set rng = Nothing Set ws = Nothing End Sub ``` 4. 运行完以上代码后，可以按下`F5`或点击运行按钮，即可执行去重操作。 以上代码实现的去重操作是针对选定的范围（在代码中的`rng`）进行的。可以根据具体需求修改范围。此外，代码中使用`Trim`函数去除字符串两边的空格，可以避免潜在的去重错误。 希望以上解答能对您有所帮助！ ### 回答3： 使用VBA可以轻松将Excel中的同一单元格内容去重。下面是一种简单的方法： 1. 打开Excel并按下`ALT+F11`打开VBA编辑器。 2. 在VBA编辑器中，选择`插入`> `模块`以创建一个新模块。 3. 在新模块中输入以下代码： ``` Sub RemoveDuplicates() Dim rng As Range Dim cell As Range '选择需要去重的单元格范围 Set rng = Range("A1:A10") '将"A1:A10"替换为你要去重的单元格范围 '循环遍历选中的单元格范围 For Each cell In rng '使用RemoveDuplicates方法去重 cell.RemoveDuplicates Columns:=1, Header:=xlNo Next cell End Sub ``` 4. 替换代码中的范围`"A1:A10"`为你所需去重的单元格范围。例如，如果要去重的是A列的所有单元格，则可以使用`"A:A"`。 5. 按下`F5`运行代码。 6. 单元格范围内的重复内容将被删除，只保留唯一值。 请记住保存你的更改并备份你的数据，以防止不必要的数据损失。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值