Помилка кутового повторення ng "Дублікати у повторювачі не дозволені".

Я визначаю спеціальний фільтр так:

<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-повтор, де використовується фільтр, вкладається в інший ng-повтор

Фільтр визначається так:

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

Тут реально описано рішення: http://www.anujgakhar.com/2013/06/15/duplicates-in-a-repeater-are-not-allowed-in-angularjs/

AngularJS не допускає дублікатів у директиві повторення ng. Це означає, що якщо ви намагаєтесь зробити наступне, ви отримаєте помилку.

// 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

Для тих, хто очікує, що JSON і все ще отримує таку ж помилку, переконайтесь, що ви аналізуєте свої дані:

$scope.customers = JSON.parse(data)

У мене виникла проблема в моєму проекті, коли я використовував ng-повторний трек за $ index, але продукти не відображалися, коли дані надходять із бази даних. Мій код наведений нижче:

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

У наведеному вище коді продукт - це окрема директива для відображення продукту. Але я дізнався, що $ index викликає проблему, коли ми передаємо дані із сфери застосування. Тож втрати даних та DOM неможливо оновити.

Я знайшов рішення, використовуючи product.id як ключ у ng-повторі, як нижче:

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

Але наведений вище код знову не працює та видаляє помилку нижче, коли більше одного продукту має той самий ідентифікатор:

angular.js: 11706 Помилка: [ngRepeat: dupes] Дублікати в ретрансляторі заборонено. Використовуйте вираз "слід за", щоб вказати унікальні клавіші. Повторювач

Тож нарешті я вирішив проблему, зробивши динамічний унікальний ключ ng-повтору, як нижче:

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

Це вирішило мою проблему і сподіваюся, що це допоможе вам у майбутньому.

Що ви маєте на меті зробити ваш фільтр "діапазону"?

Ось робочий зразок того, що я думаю, що ви намагаєтеся зробити: 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'
            ]
        }
    ];
}

Якщо випадково ця помилка трапиться під час роботи з SharePoint 2010: Перейменуйте розширення файлів .json і обов'язково оновіть шлях до restService. Не потрібно було додаткового "сліду за $ індексом".

На щастя, мені було передано це посилання на це обгрунтування:

.json стає важливим типом файлу в SP2010. SP2010 включає певні кінцеві точки веб-сервісу. Розташування цих файлів - це папка 14 вуликів \ isapi. Розширення цих файлів - .json. Ось чому вона призводить до такої помилки.

"дбає лише про те, що вміст файлу json є json, а не його розширення файлу"

Після зміни розширень файлів має бути все встановлено.

На випадок, якщо це трапляється з кимось іншим, я це документую тут, я отримував цю помилку, оскільки я помилково встановив ng-модель таким же, як і ng-повторний масив:

 <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>

Я перевірив масив і не мав дублікатів, просто двічі перевірте ваші змінні.

Дублікати в повторювачі не дозволяються. Використовуйте вираз "слід за", щоб вказати унікальні клавіші.

Repeater: {0}, Duplicate key: {1}, Duplicate value: {2}

Приклад

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="angular.js"></script>

</head>
<body>
    <div ng-app="myApp" ng-controller="personController">
        <table>
            <tr> <th>First Name</th> <th>Last Name</th> </tr>
            <tr ng-repeat="person in people track by $index">
                <td>{{person.firstName}}</td>
                <td>{{person.lastName}}</td>
                <td><input type="button" value="Select" ng-click="showDetails($index)" /></td>
            </tr>

        </table> <hr />
        <table>
            <tr ng-repeat="person1 in items track by $index">
                <td>{{person1.firstName}}</td>
                <td>{{person1.lastName}}</td>
            </tr>
        </table>
        <span>   {{sayHello()}}</span>
    </div>
    <script> var myApp = angular.module("myApp", []);
        myApp.controller("personController", ['$scope', function ($scope)
        { 
            $scope.people = [{ firstName: "F1", lastName: "L1" },
                { firstName: "F2", lastName: "L2" }, 
                { firstName: "F3", lastName: "L3" }, 
                { firstName: "F4", lastName: "L4" }, 
                { firstName: "F5", lastName: "L5" }]
            $scope.items = [];
            $scope.selectedPerson = $scope.people[0];
            $scope.showDetails = function (ind) 
            { 
                $scope.selectedPerson = $scope.people[ind];
                $scope.items.push($scope.selectedPerson);
            }
            $scope.sayHello = function ()
            {
                return $scope.items.firstName;
            }
        }]) </script>
</body>
</html>

Якщо ви викликаєте ng-повтор у тезі <ul>, можливо, ви зможете дозволити копії. Дивіться це посилання для довідок. Див. Todo2.html

Моя JSONвідповідь була така:

{"items": 
   [
      {
      "index": 1,
      "name": "Samantha",
      "rarity": "Scarborough",
      "email": "maureen@sykes.mk"
    },
      {
      "index": 2,
      "name": "Amanda",
      "rarity": "Vick",
      "email": "jessica@livingston.mv"
    }]
}

Отже, я використовував ng-repeat = "item in variables.items" для його відображення.

Дублікати в повторювачі не дозволяються. Використовуйте вираз "слід за", щоб вказати унікальні клавіші. Повторювач: sdetail в mydt, повторюваний ключ: string:, значення, що повторюється:

Я зіткнувся з цією помилкою, тому що я написав неправильну назву бази даних у своїй частині програми PHP ......

Таким чином, ця помилка може також виникати, коли ви отримуєте дані з бази даних, чиє ім’я ви написали неправильно.