ionic上拉加载更多解决方法
来源:互联网 发布:儿童摄影网络推广 编辑:程序博客网 时间:2024/04/28 15:56
第一步: $scope.hasmore = true;//是否允许上拉加载
$scope.num = 8;//显示条数
第二步://查询显示内容,查出所有的
$scope.Group = function () {
$http({
url: Storage.get("Visiturl") + 'api/XXXX.ashx',
method: 'post'
}).success(function (data, header, config, status) { //响应成功
if (data != "") { $scope.contents= data; return; } else { return; } }).error(function (data, header, config, status) { //处理响应失败 $scope.err_txt = '出错了,请稍后再试'; return; }); } $scope.Group();第三步: ng-repeat="content in contents| limitTo: num"//循环显示多少条,num为显示几条,已在js中定义8条第四步: <ion-infinite-scroll ng-if="hasmore" immediate-check="false" on-infinite="loadMore()" distance="1%"></ion-infinite-scroll>//hasmore为是否允许上拉加载更多,loadMore为上拉时执行的方法
第五步:$scope.loadMore = function () {
if ($scope.num > $scope.gps.length) {//显示数量大于总数不让上拉加载
$scope.hasmore = false;
} else {
//否则显示数量为当前显示数量加8条
$scope.num = $scope.num + 8;
}
$scope.$broadcast('scroll.infiniteScrollComplete');//关闭上拉加载动画
}
0 0
- ionic上拉加载更多解决方法
- ionic 上拉加载更多
- Ionic上拉刷新下拉加载更多
- ionic上拉加载更多问题
- ionic 上拉加载更多详细步骤
- ionic之上拉加载更多
- ionic 实现下拉刷新上拉加载更多
- ionic 下拉刷新和上拉加载更多
- ionic-上拉显示更多
- ionic 上拉加载
- 上拉加载更多
- 上拉加载更多
- 上拉加载更多
- 上拉加载更多
- listview 上拉加载更多
- ListView上拉加载更多
- ListView上拉加载更多
- Android上拉加载更多
- 模板方法模式
- 中国之技术弱点
- RxAndroid之简单网络请求,数据操作
- jackson反序列化时忽略不需要的字段
- ACM篇:POJ 1139 -- Cat and Mouse
- ionic上拉加载更多解决方法
- 【C#MVC】C#中将文件夹压缩然后下载
- 解决Python import “No module named ”问题
- Android 生成keystore jarsigner签名及解决找不到证书链的问题
- 【matlab】显示多张图
- 微信小程序数据存储与取值
- dubbo.xsd文件 找不到,配置文件报红色标志错误解决办法
- Node.js + Express 实现上传文件功能(felixge/node-formidable)
- 关于HTTP/1.1的小问题