Angular ng-repeat Error「リピーターの重複は許可されていません。」

私はそのようにカスタムフィルターを定義しています：

<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のコメント| range：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-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

JSONを期待しているにもかかわらず同じエラーが発生する場合は、データを解析してください。

$scope.customers = JSON.parse(data)

$ indexによるng-repeatトラックを使用していたプロジェクトで問題が発生しましたが、データベースからデータが取得されると製品が反映されませんでした。私のコードは以下の通りです：

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

上記のコードでは、productは製品を表示する別のディレクティブですが、スコープからデータを渡すときに$ indexが問題を引き起こすことを知りました。したがって、データ損失とDOMは更新できません。

以下のようにng-repeatのキーとしてproduct.idを使用して解決策を見つけました：

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

しかし、上記のコードは再び失敗し、複数の製品に同じIDが付属している場合、以下のエラーがスローされます。

angular.js：11706エラー：[ngRepeat：dupes]リピーター内の重複は許可されていません。'track by'式を使用して、一意のキーを指定します。リピータ

だから最後に私はng-repeatの動的一意キーを以下のようにすることで問題を解決しました：

<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パスを更新してください。追加の「$ indexによる追跡」は必要ありませんでした。

幸いにも私はこのリンクをこの理論的根拠に転送しました：

.jsonは、SP2010で重要なファイルタイプになります。SP2010には、特定のWebサービスエンドポイントが含まれています。これらのファイルの場所は14hive \ isapiフォルダーです。これらのファイルの拡張子は.jsonです。それがそのようなエラーを与える理由です。

"jsonファイルの内容がjsonであることのみを気にします-ファイル拡張子ではありません"

ファイル拡張子を変更したら、すべて設定する必要があります。

これが他の誰かに起こった場合に備えて、私はここでこれを文書化しています。誤って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>

配列を確認しましたが、重複はありませんでした。変数を再確認してください。

リピーターでの重複は許可されていません。'track by'式を使用して、一意のキーを指定します。

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>

<ul>タグ内でng-repeatを呼び出すと、重複を許可できる場合があります。このリンクを参照してください。 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" それを表示するために使用しました。

リピーターでの重複は許可されていません。'track by'式を使用して、一意のキーを指定します。リピーター：mydtの詳細、重複キー：文字列：、重複値：

私のphp apiパーツに間違ったデータベース名を書き込んだため、このエラーに直面しました......

そのため、このエラーは、データベースベースからデータをフェッチしているときにも発生する可能性があります。