Açısal ng-tekrarlama Hatası “Bir tekrarlayıcıdaki kopyalara izin verilmez.”

Ben böyle bir özel filtre tanımlıyorum:

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

Filtrenin kullanıldığı ng tekrarını başka bir ng tekrarına yerleştirdiğinizi görebilirsiniz

Filtre şu şekilde tanımlanır:

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

Ben alıyorum:

Hata: Tekrarlayıcıdaki kopyalara izin verilmez. Tekrarlayıcı: item.comments içinde yorum | aralık: 1: 2 ngRepeatAction @ https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/an

Çözüm aslında burada açıklanmıştır: http://www.anujgakhar.com/2013/06/15/duplicates-in-a-repeater-are-not-allowed-in-angularjs/

AngularJS, tekrarlama yönergesinde yinelemelere izin vermez. Bu, aşağıdakileri yapmaya çalışıyorsanız bir hata alacağınız anlamına gelir.

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

Bununla birlikte, aşağıdaki gibi benzersizliği belirlemek için bir endeksi tanımlamak için yukarıdaki kodu biraz değiştirmek, tekrar çalışmasını sağlayacaktır.

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

Resmi dokümanlar burada: https://docs.angularjs.org/error/ngRepeat/dupes

JSON'u bekleyip hala aynı hatayı alan kullanıcılar için verilerinizi ayrıştırdığınızdan emin olun:

$scope.customers = JSON.parse(data)

Projemde $ endeksi ile ng-yineleme parçasını kullandığım bir sorun yaşıyordum, ancak veriler veritabanından geldiğinde ürünler yansıtılmıyordu. Kodum aşağıdaki gibidir:

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

Yukarıdaki kodda, ürün ürünü görüntülemek için ayrı bir direktif.Ancak $ endeksinin kapsamdan veri aktardığımızda soruna neden olduğunu öğrendim. Böylece veri kayıpları ve DOM güncellenemez.

Aşağıdaki gibi ng-repeat içinde bir anahtar olarak product.id kullanarak çözümü buldum:

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

Ancak yukarıdaki kod yine başarısız olur ve birden fazla ürün aynı kimliğe sahip olduğunda aşağıdaki hatayı atar:

angular.js: 11706 Hata: [ngRepeat: dupes] Bir tekrarlayıcıdaki kopyalara izin verilmiyor. Benzersiz anahtarlar belirtmek için 'takip etme' ifadesini kullanın. tekrarlayıcı

Sonunda aşağıdaki gibi ng-tekrar dinamik benzersiz anahtar yaparak sorunu çözdü:

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

Bu, sorunumu çözdü ve umarım bu gelecekte size yardımcı olacaktır.

"Aralık" filtrenizin ne yapmasını istersiniz?

İşte yapmaya çalıştığınızı düşündüğüm bir örnek : 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'
            ]
        }
    ];
}

Şans eseri SharePoint 2010 ile çalışırken bu hata oluşursa: .json dosya uzantılarınızı yeniden adlandırın ve restService yolunuzu güncellediğinizden emin olun. Ek "$ endeksine göre takip et" gerekmez.

Neyse ki bu bağlantıyı bu gerekçeye yönlendirdim:

.json, SP2010'da önemli bir dosya türü haline gelir. SP2010, bazı web hizmet bitiş noktalarını içerir. Bu dosyaların konumu 14hive \ isapi klasörüdür. Bu dosyaların uzantısı .json'dur. Böyle bir hata vermesinin nedeni budur.

"sadece bir json dosyasının içeriğinin dosya uzantısı değil json olduğunu umursar"

Dosya uzantıları değiştirildikten sonra ayarlanmalıdır.

Sadece bu başka birine olur, ben burada belgelemek, yanlışlıkla ng-modeli ng-tekrar dizisi ile aynı ayarlamak çünkü bu hatayı alıyorum:

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

Onun yerine:

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

Diziyi kontrol ettim ve kopyaları yoktu, sadece değişkenlerinizi iki kez kontrol edin.

Tekrarlayıcıdaki kopyalara izin verilmez. Benzersiz anahtarlar belirtmek için 'takip etme' ifadesini kullanın.

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

Misal

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

<Ul> etiketi içinde bir ng tekrarını çağırırsanız, kopyalara izin verebilirsiniz. Referans için bu bağlantıya bakın. Bkz. Todo2.html

Cevabım şöyle JSON:

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

Yani, ben ng-repeat = "item in variables.items" onu gösteriyordum.

Tekrarlayıcıdaki kopyalara izin verilmez. Benzersiz anahtarlar belirtmek için 'takip etme' ifadesini kullanın. Tekrarlayıcı: mydt cinsinden sdetail, Yinelenen anahtar: string:, Yinelenen değer:

Ben php api bölümünde yanlış veritabanı adı yazmıştı çünkü bu hatayla karşı karşıya ......

Bu nedenle, adı sizin tarafınızdan yanlış yazılmış olan veritabanı tabanından veri alırken de bu hata oluşabilir.