[ngRepeat:dupes] ng-repeatを使用してエラーを報告する
Using Ng Repeat Report An Error
バックグラウンド
最近、ionic + angularjsを使用してアプリケーションを作成し、イオンスライドボックスを使用してng-repeatでカルーセル画像を指定しました
テスト中の直接コピー用の同じアドレス:
$scope.slideImages = [ 'images/banner1.jpg', 'images/banner1.jpg', 'images/banner1.jpg', 'images/banner1.jpg' ]
結果コンソールはエラーを報告します:
Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.3/ngRepeat/dupes?
解決
その理由は ngRepeatは、同じIDを持つ2つのオブジェクトを許可しません したがって、track by
式を追加します。ここでは、インデックス変数を直接使用します$index