Błąd kątowy powtórzenia ng „Duplikaty w repeaterze nie są dozwolone”.

Definiuję niestandardowy filtr tak:

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

Jak widać, powtórzenie ng, w którym używany jest filtr, jest zagnieżdżone w innym powtórzeniu ng

Filtr jest zdefiniowany w następujący sposób:

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

Dostaję:

Błąd: duplikaty w repeaterze są niedozwolone. Repeater: komentarz w item.comments | zakres: 1: 2 ngRepeatAction @ https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/an

Rozwiązanie jest faktycznie opisane tutaj: http://www.anujgakhar.com/2013/06/15/duplicates-in-a-repeater-are-not-allowed-in-angularjs/

AngularJS nie zezwala na duplikaty w dyrektywie powtórzenia ng. Oznacza to, że jeśli próbujesz wykonać następujące czynności, pojawi się błąd.

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

Jednak nieznaczna zmiana powyższego kodu w celu zdefiniowania indeksu w celu ustalenia unikatowości, jak poniżej, spowoduje jego ponowne uruchomienie.

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

Oficjalne dokumenty są tutaj: https://docs.angularjs.org/error/ngRepeat/dupes

Dla tych, którzy oczekują JSON i nadal pojawia się ten sam błąd, upewnij się, że parsujesz swoje dane:

$scope.customers = JSON.parse(data)

Miałem problem w moim projekcie, w którym korzystałem ze śledzenia powtórzeń ng według $ index, ale produkty nie były odzwierciedlane, gdy dane pochodziły z bazy danych. Mój kod jest jak poniżej:

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

W powyższym kodzie produkt jest osobną dyrektywą do wyświetlania produktu, ale dowiedziałem się, że $ index powoduje problem, gdy przekazujemy dane z zakresu. Dlatego utrata danych i DOM nie mogą być aktualizowane.

Znalazłem rozwiązanie, używając product.id jako klucza w powtórzeniu ng, jak poniżej:

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

Ale powyższy kod ponownie nie powiedzie się i zgłasza poniższy błąd, gdy więcej niż jeden produkt ma ten sam identyfikator:

angular.js: 11706 Błąd: [ngRepeat: dupes] Duplikaty w repeaterze są niedozwolone. Użyj wyrażenia „śledź według”, aby określić unikalne klucze. Przekaźnik

W końcu rozwiązałem problem, tworząc dynamiczny unikalny klucz powtórzenia ng, jak poniżej:

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

To rozwiązało mój problem i mam nadzieję, że pomoże ci to w przyszłości.

Co zamierzasz zrobić z filtrem „zasięgu”?

Oto działająca próbka tego, co myślę, że próbujesz zrobić: 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'
            ]
        }
    ];
}

Jeśli przez przypadek ten błąd wystąpi podczas pracy z programem SharePoint 2010: Zmień nazwy rozszerzeń plików .json i zaktualizuj ścieżkę restService. Nie było wymagane dodatkowe „śledzenie według $ index”.

Na szczęście przekazano mi ten link do tego uzasadnienia:

.json staje się ważnym typem pliku w SP2010. Dodatek SP2010 zawiera punkty końcowe usług sieciowych. Lokalizacja tych plików to folder 14hive \ isapi. Rozszerzenie tych plików to .json. Właśnie dlatego daje taki błąd.

„obchodzi tylko to, że zawartość pliku json to json - a nie jego rozszerzenie”

Po zmianie rozszerzeń plików należy wszystko ustawić.

Na wypadek, gdyby stało się to komuś innemu, dokumentuję to tutaj, otrzymywałem ten błąd, ponieważ przez pomyłkę ustawiłem model ng tak samo jak tablicę 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>

Zamiast:

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

Sprawdziłem tablicę i nie miałem żadnych duplikatów, po prostu dwukrotnie sprawdź zmienne.

Duplikaty w repeaterze nie są dozwolone. Użyj wyrażenia „śledź według”, aby określić unikalne klucze.

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

Przykład

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

Jeśli wywołasz powtórzenie ng w tagu <ul>, możesz zezwolić na duplikaty. Zobacz ten link w celach informacyjnych. Zobacz Todo2.html

Moja JSONodpowiedź była taka:

{"items": 
   [
      {
      "index": 1,
      "name": "Samantha",
      "rarity": "Scarborough",
      "email": "[email protected]"
    },
      {
      "index": 2,
      "name": "Amanda",
      "rarity": "Vick",
      "email": "[email protected]"
    }]
}

Więc kiedyś ng-repeat = "item in variables.items" to wyświetlałem.

Duplikaty w repeaterze nie są dozwolone. Użyj wyrażenia „śledź według”, aby określić unikalne klucze. Repeater: sdetail in mydt, Duplikat klucza: string:, Duplikat wartości:

Napotkałem ten błąd, ponieważ napisałem niepoprawną nazwę bazy danych w części php api ......

Ten błąd może więc wystąpić również podczas pobierania danych z bazy danych, której nazwa została wpisana przez Ciebie niepoprawnie.