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過濾器