ionic-上拉显示更多

在《ionic-下拉刷新》里说过了下拉刷新的问题。
这里说上拉显示更多

在<ion-content>的最下面贴上这句代码

<ion-infinite-scroll        
     on-infinite="pageContext.loadMore()"  
      ng-if="!pageContext.moredata"        
      immediate-check="false"        
      distance="1%">
</ion-infinite-scroll>

在看看js代码

function loadMoreData() {    
// 显示加载框
    $ionicLoading.show();
    // 跟新刷新状态标题
    listData.refreshtitle = '正在刷新...';      
    $http.get('../../resources/datas/listData.json').success(function (response) {        
    listData.listDataArry = listData.listDataArry.concat(response.data);
    // 隐藏加载框 
    $ionicLoading.hide();
    // 确认可以刷新 
    listData.moredata = false;   
    // 停止刷新状态  
    $scope.$broadcast('scroll.infiniteScrollComplete');
     if (response.data) {     
       listData.refreshtitle = '上拉显示更多';      
     } else {        
      listData.refreshtitle = '没有更多内容';   
     }  
  }).error(function (err) {  
      console.log(err
  );
  })}

欢迎各位一块学习，提高逼格！

也可以添加洲洲哥的微信公众号

更多消息

更多信iOS开发信息 请以关注洲洲哥 的微信公众号，不定期有干货推送：