ng-repeat报错

最新推荐文章于 2020-08-05 20:52:02 发布
最新推荐文章于 2020-08-05 20:52:02 发布
阅读量468 收藏
点赞数
分类专栏： 1 WEB前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kingov/article/details/73277758
版权

报错信息

angular.min.js:sourcemap:118 Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.8/ngRepeat/dupes?p0=k%20in%20arr&p1=number%3A1&p2=1
    at angular.min.js:sourcemap:6
    at angular.min.js:sourcemap:302
    at angular.min.js:sourcemap:142
    at m.$digest (angular.min.js:sourcemap:143)
    at m.$apply (angular.min.js:sourcemap:146)
    at angular.min.js:sourcemap:20
    at Object.invoke (angular.min.js:sourcemap:41)
    at c (angular.min.js:sourcemap:20)
    at Bc (angular.min.js:sourcemap:21)
    at fe (angular.min.js:sourcemap:20)

源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-app='myapp' ng-controller='myctl'> 

 <ul>
    <li ng-repeat="k in arr track by $index" >
        <div>{{ k }}</div>
    </li>
 </ul>

<script src="./angular.min.js"></script>
<script>
    var app = angular.module('myapp',[]);

    app.controller('myctl',['$scope',function($scope){

        //数组中有相同的值用ng-repeat就会报错，需要加上track by $index
        $scope.arr = [
            1,2,1
        ]

    }])


</script>
</body>
</html>
kingov
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
10-20
在AngularJS中使用ng-repeat指令时，如果出现“[ngRepeat:dupes]”报错，说明在使用ng-repeat生成列表元素时，列表中存在重复的元素，而AngularJS默认情况下是不允许在重复项的重复器中创建多个相同元素的。...
Angular JS ng-repeat 报错 Error: [ngRepeat:dupes]
weixin_30509393的博客
09-27 449
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循环数组，数组内容相同时报错及解决
你若盛开
10-27 1192
报错信息： "Error: [ngRepeat:dupes] http://errors.angularjs.org/1.6.2/ngRepeat/dupes?p0=projectFeaturesItem%20in%20projectFeaturesData&p1=string%3A%E5%A4%A7%E6%95%B0%E6%8D%AE&p2=%E5%A4%A7%E6%95%B0%E6%8D%A
(十二)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
angular ng-repeat重复数据遍历的报错
归小超博客
01-15 6942
<div ng-repeat="value in [name, name,name,name] "></div> 今天在用angular指令遍历一个javascript数组，当数组中有重复元素的时候,angular会报错,这是因为ng-repeat不允许collection（收集）中存在两个相同Id的对象。 查了一些资料，原来对于数字或者字符串等基本数据类型来说，每个元素...
angular中ng-repeat报错（数据中有重复）angularjs[ngRepeat:dupes]
Eighteen Z
03-21 1155
ng-repeat在遍历的过程中会报错angularjs[ngRepeat:dupes] 原因是因为遍历的数据中有重复的数据 当gop.pictTypeArr = [1,1,1,12,3,4] &lt;tr ng-repeat="(x, y) in gop.pictTypeArr"&gt; &lt;td&gt;{{x}}&lt;/td&gt; &lt;td&gt;{{y}}&l...
ng-repeat指令在迭代对象时的去重方法
12-03
在这种情况下，`ng-repeat`不会像处理数组那样自动报错，而是会依次显示每个对象，即使它们的属性值是重复的。 问题在于，如果我们想要在迭代对象时去重，即避免显示重复的数据，应该如何操作呢？传统的`track by $...
AngularJS ng-repeat数组有重复值的解决方法
10-21
然而，当`ng-repeat`遇到数组中有重复值时，它会抛出一个错误，因为默认情况下，`ng-repeat`期望遍历的每个元素都有一个唯一的标识。这个错误信息通常类似于：“Duplicates in a repeater are not allowed. Use '...
angular ng-repeat 命令 数组 重复值 出错
Clark_Lu的博客
11-28 795
在调试bug的时候惊奇的发现angular 1 中的ng-repeat 命令当数组中有重复值的时候竟然出错了。数组中出现重复值那是经常会发生的，本以为angular的ng-repeat命令应该是默认支持重复值的啊。但是事实上不支持，当数组中有重复值可以添加track by $index 来解决。例如<p ng-repeat="value in [6,6] track by $index">{{val
ng-repeat标签数据源重复报错问题
A struggling white
06-23 307
关于angularjs报异常： [ngRepeat:dupes] http://errors.angularjs.org/1.2.9/ngRepeat/dupes?p0=img in entity.images&p1=string%3Ahttp%3A%2F%2Fbaiyouji.oss-cn-shanghai.aliyuncs.com%2Fbaiyou%2F2019%2F6%2F9121a...
10-22 扩展运算符 使用ng-repeat报错
まどか
10-28 160
1.扩展运算符 深入浅出ES6教程『扩展运算符』 let obj={ a:2, b:3 } let base={a:22} let newObj={base,...obj} let extengObj=Object.assign(base,{...obj}) console.log(newObj);// { base: { a: 2, b: 3 }, a: 2, b: 3 } c...
AngularJs ng-repeat重复项异常解决方案
天马3798
06-08 3094
1.现象 {{x}} //使用ng-repeat 重复 html代码 var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope) { $scope.items = [1, 2, 3, 2]; }); 当数
AngularJS 使用ng-repeat报错
weixin_30650039的博客
01-02 95
[ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniq ng-repeat报错 1 <div ng-init="words = ['高校','高校','高校']" ng-repeat="word in words"...
angularjs Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.8/ngRepeat/dupes?
小小黑
11-22 4233
出现这个错误的原因是如果页面中使用了ng-repeat，angularjs默认是根据里面的内容判断是否相同的，如果里面出现相同的内容就会报错，这里要注意的是，比如如下的内容 ng-repeat="user in [1,1]" 一般在实际开发中，我们一般是一个数组存一个对象， 这是里面的值都是Object，如下面的保存 ng-repeat="user in [{user:1},{user:2}]"
Error: [ngRepeat:dupes] http://errors.angularjs.org/1.6.6/ngRepeat/dupes?p0=x%20in%20config.dataReal
Y_Cfeng的博客
07-29 342
在需要实现需求文字列表上下不间断滚动时，通过向数组列表中的循环插入当前项，导致列表中出现了重复项。 根据提示了解到ng-repeat的使用出现了问题，百度搜素发现说，当在循环的数组中存在有重复的元素时候，指令ng-repeat就会报错，那是因为不允许集合中有相同的id（相同的元素会形成相同的id）出现。而基本的数据类型它的id就是它自身的值。 教程中发现有第三种实例表达，我们应用到问题中，发现就解决了。 所以避免这种情况需要使用 track by $index 来让列表产生不同的id，还有就是
java连接数据库奇葩现象repeat字段报错：You have an error in your SQL syntax； check the manual that corresponds to y
wuhui2100的博客
08-05 343
在做javaEE项目开发时，从前端获取数据进行数据库更新时，报错：数据库语句错误 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'repeat，调了一下午怎么试都报repeat字段错误 最后一气之下把repeat全部换成repeats 加一个s，在运行时奇迹班的可以运行了，此时我想说rep
【Angular】ng-repeat遍历输出数组
陶洲川的博客
09-07 7789
今天刚好做选择题选项的显示，拿到String类型的4个选项的集合，用分号分隔，然后做切割（split()）；A.相对，绝对;B.理论，实际;C.效率，比功;D.简单，联合;先展示成功案例，然后再说之前报错的地方；1、js代码：function () { var optionalStr=$scope.question.optional;
AngularJs ng-repeat解决循环对象出现重复项报错的问题
weixin_30498921的博客
12-28 292
问题：ng-repeat 的循环对象是不能出现重复项的，所以如果有重复的就会报错，应该是 key value的问题吧，不是很了解内部运行机制；经过查询发现 在 循环后面加上track by $index 就会解决问题，也就可以有重复对象了 报错： 划重点 解决办法：加上track by $index <ul> &lt...
angularjs报错汇总—— angularjs Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.
Web魔法师
12-29 2333
在用angularjs开发中，前端页面通过ng-repeat指令循环显示某些值时，会出现 angularjs Error: [ngRepeat:dupes] ，这个错误让人有点困惑，明明可以正常循环的，为啥错误了呢？出现这个错误的原因是如果页面中使用了ng-repeat，angularjs默认是根据里面的内容判断是否相同的，如果里面出现相同的内容就会报错，这里要注意的是，比如如下的内容：
ng-repeat shuchu下标
最新发布
10-26
通过ng-repeat，我们可以方便地输出数组或对象的值，并且有时候我们可能还需要输出当前元素的下标。 在ng-repeat指令中，默认的变量名前面加上"$index"即可输出当前元素的下标。下标从0开始依次递增。下标可以用作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值