说到ionic上拉加载就跟pc的分页是一样的,他需要在html数据列表的最下面边添加
rush:js;">
distance="10%">
当列表为空 当ng-if为true的时候, 列表没有被填充满的时候 ,他就会自动加载loadMore();
rush:js;">
cope.loadMore = function() {
Msdk.postJSON('/informNotice/queryNoticeInfo',{
pageIndex: $scope.newsList.pageIndex,pageSize: $scope.newsList.pageSize,informIds: $scope.newsList.informIds
},function(e) {
if(e.length != 0) {
//把每次请求到的数据都拼接起来
var a = $scope.notice;
$scope.notice = a.concat(e);
console.log($scope.notice);
//广播上个加载结束,有条件进行下个加载
$scope.$broadcast('scroll.infiniteScrollComplete'); $scope.newsList.pageIndex++;
rush:js;">
if(e.length < $scope.newsList.pageSize) {
$scope.hasmore = false;
} else {
[javascript] view plain copy
<span style="font-size:18px;"><span style="white-space:pre"> //为true有条件进行下次上拉加载
$scope.hasmore = true;
}
} else {
$scope.hasmore = false;
$scope.$broadcast('scroll.infiniteScrollComplete');
}
})
}
<span style="font-size:18px;"><span style="white-space:pre">
//hasmore变为false,不会执行上拉加载if(e.length < $scope.newsList.pageSize) {
$scope.hasmore = false;
} else {
[javascript] view plain copy
<span style="font-size:18px;"><span style="white-space:pre"> //为true有条件进行下次上拉加载
$scope.hasmore = true;
}
} else {
$scope.hasmore = false;
$scope.$broadcast('scroll.infiniteScrollComplete');
}
})
}
总结
以上所述是小编给大家介绍的解决ionic和angular上拉加载的问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。