说到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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。