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

<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


当前回答

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

其他回答

我在我的项目中遇到了一个问题,我使用ng-repeat track by $index,但当数据来自数据库时,产品没有得到反映。我的代码如下:

<div ng-repeat="product in productList.productList track by $index">
  <product info="product"></product>
 </div>

在上面的代码中,product是一个单独的显示产品的指令。但我开始知道,$index导致问题时,我们传递数据从范围。因此数据丢失和DOM无法更新。

我通过使用产品找到了解决方案。Id作为ng-repeat中的一个键,如下所示:

<div ng-repeat="product in productList.productList track by product.id">
  <product info="product"></product>
 </div>

但是当多个产品具有相同的id时,上面的代码再次失败并抛出下面的错误:

angular.js:11706 Error: [ngRepeat:dupes]在中继器中不允许重复。使用'track by'表达式指定唯一的键。中继器

所以最后我通过ng-repeat的动态唯一键来解决这个问题,如下所示:

<div ng-repeat="product in productList.productList track by (product.id + $index)">
  <product info="product"></product>
 </div>

这解决了我的问题,希望这对你将来有所帮助。

你想让你的“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'
            ]
        }
    ];
}

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

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

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

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

为了防止这种情况发生在其他人身上,我在这里记录了这一点,我得到这个错误是因为我错误地将ng-model设置为ng-repeat数组:

 <select ng-model="list_views">
     <option ng-selected="{{view == config.list_view}}"
         ng-repeat="view in list_views"
         value="{{view}}">
         {{view}}
     </option>
 </select>

而不是:

<select ng-model="config.list_view">
     <option ng-selected="{{view == config.list_view}}"
         ng-repeat="view in list_views"
         value="{{view}}">
         {{view}}
     </option>
 </select>

我检查了数组,没有任何重复,只是再次检查你的变量。