轨道由$指数显示的结果太多

所以我就从角以下错误：

rooster in rooster.uren track by $index

但是，什么是没有，是创建：

Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys.

所以我做了以下固定它一吨板，而我的jSon只有4条线。

的JS：

angular.module("PixelFM").controller("grootRoosterController", function ($http) { 
    var that = this; 
    that.uren = []; 
    $http({ 
     method: 'GET', 
     url: '/assets/scripts/GROOTROOSTERTEST.json' 
    }).success(function(data) { 
     that.uren = data; 
    }); 
});

一个重复重复的HTML：

<div class="col-md-6" ng-repeat="rooster in rooster.uren track by $index"> 
    <div class="panel panel-default"> 
     <div class="panel-body grootrooster"> 
      {{rooster.name}} 
     </div> 
    </div> 
</div>

而对于一些奇怪的原因，这段代码的含义是输出万元面板，所有留下的空...

这可能怎么样？谢谢。

编辑

Json;

[ 
    {"host": "Adjuh5", "showname": "", "hour": "1446674064", "cohost": "Finicky"}, 
    {"host": "Beatgrid", "showname": "", "hour": "1446674064", "cohost": ""}, 
    {"host": "Adjuh5", "showname": "", "hour": "1446674064", "cohost": ""}, 
    {"host": "Finicky", "showname": "", "hour": "1446674064", "cohost": ""} 
]

来源

2015-11-05 Wesley Peeters

循环引用？ 'ng-repeat =“公鸡在rooster.uren轨道由$ index”'=>'ng-repeat =“r在rooster.uren轨道由$ index”' – Tushar

包括在您的问题的答复json –

@EmirMarques我加了它 –

适合我！检查您的通话$ http和改变：

angular.module("PixelFM").controller("grootRoosterController", function ($http) { 
    var that = this; 
    that.uren = []; 
    $http({ 
     method: 'GET', 
     url: '/assets/scripts/GROOTROOSTERTEST.json' 
    }).success(function(data) { 
     that.uren = data; 
    }); 
});

要：

angular.module("PixelFM").controller("grootRoosterController", function ($scope, $http) { 
    $scope.rooster = {uren:[]; 
    $http({ 
     method: 'GET', 
     url: '/assets/scripts/GROOTROOSTERTEST.json' 
    }).success(function(data) { 
     $scope.rooster.uren = data; 
    }); 
});

angular.module('app', []).controller('mainCtrl', function($scope) { 
 

 
    $scope.rooster = { 
 
    uren: [{ 
 
     "host": "Adjuh5", 
 
     "showname": "", 
 
     "hour": "1446674064", 
 
     "cohost": "Finicky" 
 
    }, { 
 
     "host": "Beatgrid", 
 
     "showname": "", 
 
     "hour": "1446674064", 
 
     "cohost": "" 
 
    }, { 
 
     "host": "Adjuh5", 
 
     "showname": "", 
 
     "hour": "1446674064", 
 
     "cohost": "" 
 
    }, { 
 
     "host": "Finicky", 
 
     "showname": "", 
 
     "hour": "1446674064", 
 
     "cohost": "" 
 
    }] 
 
    }; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='app' ng-controller='mainCtrl'> 
 
    <hr/>Quick-Ng-Repeat 
 
    <hr/> 
 
    <div ng-repeat="rooster in rooster.uren"> 
 
    <div class="panel panel-default"> 
 
     <div class="panel-body grootrooster"> 
 
     {{rooster.host}} 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

来源

2015-11-05 12:38:45

轨道由$指数显示的结果太多

回答

相关问题