1、html文件中:html
<ion-infinite-scroll ng-if="action.moreDataCanBeLoaded()" on-infinite="action.loadMore()" distance="15%"></ion-infinite-scroll>
2、controller中數組
var message = { page: 0, pageno: 1 }; //定義數據 $scope.data = { hasMoreDataCanBeLoaded: false, //接口返回值的初始化 messageList: [] // 獲取消息類別下的消息列表接口 }; $scope.action.moreDataCanBeLoaded = function () { return $scope.data.hasMoreDataCanBeLoaded; }; // 上拉加載更多 $scope.action.loadMore = function () { message.page++; getMessageList(); }; // ======獲取消息類別下的消息列表接口======== function getMessageList() { var urlParam = { action: 'categories', id: pageId, page: message.page, page_no: message.pageno }; ResourceFactory.Message.get(urlParam).$promise.then( //成功回調 function (indata) { if (!!indata && indata.hasOwnProperty("data") && indata.data.length > 0) { if (indata.data.length < message.pageno) { $scope.data.hasMoreDataCanBeLoaded = false; } else { $scope.data.hasMoreDataCanBeLoaded = true; } //合併數組(新數據合併到老數據中) $scope.data.messageList.push.apply($scope.data.messageList, indata.data); console.log('接口返回成功'+ angular.toJson($scope.data.messageList)); } else { $scope.data.hasMoreDataCanBeLoaded = false; } }, //失敗回調 function (rejection) { console.log('接口返回失敗,失敗數據' + angular.toJson(rejection)); }).finally(function () { $scope.$broadcast('scroll.infiniteScrollComplete'); //中止廣播 }); } getMessageList();