[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