[ngRepeat:dupes] 使用ng-repeat报错

背景

最近在用ionic+angularjs做一款应用,期间使用ionic的slidebox时用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的对象,所以要加上track by表达式,这里为了方便直接使用索引变量$index


    
        

你可能感兴趣的:([ngRepeat:dupes] 使用ng-repeat报错)