ionic---上拉加载下拉刷新

2019-11-06 09:53:07

字体：大中小

来源：转载

供稿：网友

下拉刷新

页面中<ion-refresher pulling-text="下拉刷新" on-refresh="init()"></ion-refresher>控制器中$scope.init = function () { $scope.currentPage = 1; //刷新只拉取第一页 var oPR = 'day_order', data = { start_id:13, stop_id:321, pay_for:0, index:10, page:$scope.currentPage }, action = 'order.do'; AjaxServe.pubAjax(opr,data,action,function(data){ $scope.noMorePage=false; $scope.datas = data.data; $scope.$broadcast('scroll.refreshComplete'); //广播刷新成功 });};

上拉加载

页面中<ion-infinite-scroll ng-if="!noMorePage" immediate-check="false" on-infinite="loadMore()" distance="1%" ></ion-infinite-scroll>控制器中$scope.loadMore = function () { $scope.currentPage += 1;//每当滚动到底部，页码累计加1 var opr = 'day_order', data = { start_id:13, stop_id:321, pay_for:0, index:10, //每页条数 page:$scope.currentPage //当前页 }, action = 'order.do'; ajaxServe.pubAjax(opr,data,action,function(data){ $scope.datas = $scope.datas.concat(data.data); if (data.data.length < 10) {//当json的数量小于10（已经确定了一页为10条数据），说明页面到底了 $scope.noMorePage=true;//禁止滚动触发时间 } $scope.$broadcast('scroll.infiniteScrollComplete');//广播加载成功 });};

上一篇：ionic---ion-view 视图的生命周期

下一篇：ionic---angular中filter过滤器