Angular ng-repeat Error " repeater中不允许重复。"

我定义了一个自定义过滤器，如下所示:

<div class="idea item" ng-repeat="item in items" isoatom>    
    <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2">
        ....
    </div>
</div>

正如您所看到的，使用过滤器的ng-repeat嵌套在另一个ng-repeat中

过滤器的定义如下:

myapp.filter('range', function() {
    return function(input, min, max) {
        min = parseInt(min); //Make string input int
        max = parseInt(max);
        for (var i=min; i<max; i++)
            input.push(i);
        return input;
    };
});

我得到:

错误:在中继器中不允许重复。Repeater: comment in item.comments | range:1:2 ngRepeatAction@https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/an

当前回答

解决方案实际上描述在这里:http://www.anujgakhar.com/2013/06/15/duplicates-in-a-repeater-are-not-allowed-in-angularjs/

AngularJS不允许ng-repeat指令重复。这意味着如果您尝试执行以下操作，将会得到一个错误。

// This code throws the error "Duplicates in a repeater are not allowed.
// Repeater: row in [1,1,1] key: number:1"
<div ng-repeat="row in [1,1,1]">

但是，稍微改变一下上面的代码，定义一个索引来确定唯一性，如下所示，它将重新工作。

// This will work
<div ng-repeat="row in [1,1,1] track by $index">

官方文档在这里:https://docs.angularjs.org/error/ngRepeat/dupes

2013-06-22 01:34:52

其他回答

中继器中不允许重复。使用'track by'表达式指定唯一的键。重复器:mydt中的sdetail，重复键:字符串:，重复值:

我遇到这个错误，因为我在我的php api部分......写错了数据库名称

因此，当您从数据库中获取数据时，这个错误也可能发生，因为您写错了数据库的名称。

2016-06-22 12:10:42

你想让你的“range”过滤器做什么?

以下是我认为您正在尝试做的工作示例:http://jsfiddle.net/evictor/hz4Ep/

HTML:

<div ng-app="manyminds" ng-controller="MainCtrl">
  <div class="idea item" ng-repeat="item in items" isoatom>    
    Item {{$index}}
    <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2">
      Comment {{$index}}
      {{comment}}
    </div>
  </div>
</div>

JS:

angular.module('manyminds', [], function() {}).filter('range', function() {
    return function(input, min, max) {
        var range = [];
        min = parseInt(min); //Make string input int
        max = parseInt(max);
        for (var i=min; i<=max; i++)
            input[i] && range.push(input[i]);
        return range;
    };
});

function MainCtrl($scope)
{
    $scope.items = [
        {
            comments: [
                'comment 0 in item 0',
                'comment 1 in item 0'
            ]
        },
        {
            comments: [
                'comment 0 in item 1',
                'comment 1 in item 1',
                'comment 2 in item 1',
                'comment 3 in item 1'
            ]
        }
    ];
}

2013-04-30 09:54:59

如果在< ul>标记中调用ng-repeat，则可以允许重复。参考这个链接。看到Todo2.html

2018-01-10 11:28:54

如果在使用SharePoint 2010时偶然发生这个错误:重命名你的.json文件扩展名，并确保更新你的restService路径。不需要额外的“按$index跟踪”。

幸运的是，我转发了这个链接到这个基本原理:

.json在SP2010中成为一种重要的文件类型。SP2010包含了一些web服务端点。这些文件的位置是14hive\isapi文件夹。这些文件的扩展名是.json。这就是它给出这样一个错误的原因。 “只关心json文件的内容是json -而不是它的文件扩展名”

一旦文件扩展名被改变，就应该全部设置好。

2015-10-29 16:28:31