Angular ng-repeat 错误“不允许在中继器中重复。”

2024-05-02

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

<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;
    };
});

我越来越:

错误:中继器中不允许重复。转发器:在 item.comments 中发表评论 |范围:1:2 ngRepeatAction@https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/an 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/ 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 https://docs.angularjs.org/error/ngRepeat/dupes

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular ng-repeat 错误“不允许在中继器中重复。” 的相关文章

随机推荐