Angularjs 无限列表重复前3项
我有以下代码作为一个离子/角度应用程序。它可以工作,但由于某种原因,第一个结果被复制了3次。其余的似乎没问题Angularjs 无限列表重复前3项,angularjs,ionic-framework,Angularjs,Ionic Framework,我有以下代码作为一个离子/角度应用程序。它可以工作,但由于某种原因,第一个结果被复制了3次。其余的似乎没问题 .controller('PlaylistsCtrl', function($scope,$http, $log) { var count = 0; $scope.peopledata = []; $scope.loadMore = function () { var xsrf = $.param({Offset:
.controller('PlaylistsCtrl', function($scope,$http, $log) {
var count = 0;
$scope.peopledata = [];
$scope.loadMore = function () {
var xsrf = $.param({Offset: count, Count: 1});
$http({
method: 'POST',
url: 'http://*****/GetVideos.asmx/GetVids',
data: xsrf,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(data) {
//$log.info(data.length);
if(data.length === 0){
$scope.noMoreItemsAvailable = true;
}
$log.info(count);
count = count + 1;
for (var i=0; i<data.length; i++){
$scope.peopledata.push(data[i]);
}
$scope.$broadcast('scroll.infiniteScrollComplete');
$log.info($scope.peopledata);
});
};
$scope.loadMore();
$scope.$on('$stateChangeSuccess', function () {
$scope.loadMore();
});
})
.controller('playlysctrl',函数($scope、$http、$log){
var计数=0;
$scope.peopledata=[];
$scope.loadMore=函数(){
var xsrf=$.param({Offset:count,count:1});
$http({
方法:“POST”,
url:'http://*****/GetVideos.asmx/getvides',
资料来源:xsrf,
标题:{'Content-Type':'application/x-www-form-urlencoded'}
}).成功(功能(数据){
//$log.info(数据长度);
如果(data.length==0){
$scope.nomoreitemsavaailable=true;
}
$log.info(计数);
计数=计数+1;
对于(变量i=0;i当执行$log.info时,日志中显示的是什么?嗨-它的计数就好像它都是正常的0 044682信息0 1 044693信息[对象对象]2 044751信息1 3 044752信息[对象对象对象],[对象对象对象]4 711426信息2 5 711428信息[对象对象对象],[对象对象]6 711497信息3 7 711498信息[对象对象对象],[对象对象对象],[对象对象对象],[对象对象对象]8 711589信息4 9 711591信息[对象对象对象],[对象对象对象],[对象对象对象对象],[对象对象对象对象],[对象对象对象对象],[对象对象对象对象对象对象对象对象对象对象]10 711644信息5
<ion-view view-title="Test">
<ion-content>
<div class="list list-inset ">
<a class="item item-thumbnail-left minheight-80" href="#/app/playlists/{{vid.vURL | trusted}}" ng-repeat="vid in peopledata">
<img ng-src="http://img.youtube.com/vi/{{vid.vURL}}/0.jpg">
<h2>{{vid.vTitle}}</h2>
<p>4 Upvotes 5 Downvotes</p>
</a>
</div>
<ion-infinite-scroll
ng-if="!noMoreItemsAvailable"
on-infinite="loadMore()"
distance="10%">
</ion-infinite-scroll>
</ion-content>
</ion-view>