解决ionic和angular上拉加载的问题

说到ionic上拉加载就跟pc的分页是一样的，他需要在html数据列表的最下面边添加

<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="10%"> 
</ion-infinite-scroll> 

当列表为空 当ng-if为true的时候， 列表没有被填充满的时候 ，他就会自动加载loadMore（）；

<span style="font-size:18px;">      $scope.loadMore = function() { 
      Msdk.postJSON('/informNotice/queryNoticeInfo', { 
          pageIndex: $scope.newsList.pageIndex, 
          pageSize: $scope.newsList.pageSize, 
          informIds: $scope.newsList.informIds 
        }, 
        function(e) { 
          if(e.length != 0) { 
            //把每次请求到的数据都拼接起来 
            var a = $scope.notice; 
            $scope.notice = a.concat(e); 
            console.log($scope.notice); 
            //广播上个加载结束，有条件进行下个加载 
            $scope.$broadcast('scroll.infiniteScrollComplete');             $scope.newsList.pageIndex++;</span> 

<span style="font-size:18px;">                        //如果请求到的数据小于pageSize，证明没数据可读</span> 

<span style="font-size:18px;"><span style="white-space:pre">            </span>//hasmore变为false，不会执行上拉加载 
            if(e.length < $scope.newsList.pageSize) { 
              $scope.hasmore = false; 
            } else {</span> 
[javascript] view plain copy
<span style="font-size:18px;"><span style="white-space:pre">              </span>//为true有条件进行下次上拉加载 
              $scope.hasmore = true; 
            } 
          } else { 
            $scope.hasmore = false; 
            $scope.$broadcast('scroll.infiniteScrollComplete'); 
          } 
        }) 
    }</span> 

总结

以上所述是小编给大家介绍的解决ionic和angular上拉加载的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# ionic  # angularjs  # angularjs上拉加载  # 利用Ionic2 + angular4实现一个地区选择组件  # Ionic + Angular.js实现验证码倒计时功能的方法  # Ionic + Angular.js实现图片轮播的方法示例  # AngularJS之ionic 框架下实现 Localstorage本地存储  # ionic+AngularJs实现获取验证码倒计时按钮  # Ionic+AngularJS实现登录和注册带验证功能  # angular+ionic 的app上拉加载更新数据实现方法  # angular+ionic返回上一页并刷新页面  # 加载  # 小编  # 就会  # 在此  # 说到  # 给大家  # 分页  # 上个  # 就跟  # 下个  # 所述  # 给我留言  # 感谢大家  # 为空  # 疑问请  # 有任何  # 下次  # 自动加载  # 是一样的  # hasmore 

相关文章： 保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  北京网站制作公司哪家好一点,北京租房网站有哪些？  建站之星如何助力网站排名飙升？揭秘高效技巧  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  网站制作模板下载什么软件,ppt模板免费下载网站？  南宁网站建设制作定制,南宁网站建设可以定制吗？  如何通过西部建站助手安装IIS服务器？  建站之星安装路径如何正确选择及配置？  网站制作的步骤包括,正确网址格式怎么写？  如何使用Golang table-driven基准测试_多组数据测量函数效率  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  学校建站服务器如何选型才能满足性能需求？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何在服务器上三步完成建站并提升流量？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  如何在香港免费服务器上快速搭建网站？  如何高效完成独享虚拟主机建站？  测试制作网站有哪些,测试性取向的权威测试或者网站？  如何在阿里云部署织梦网站？  网站app免费制作软件,能免费看各大网站视频的手机app？  已有域名如何快速搭建专属网站？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  已有域名和空间如何搭建网站？  个人网站制作流程图片大全,个人网站如何注销？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之家VIP精选网站模板与SEO优化教程整合指南  如何快速搭建安全的FTP站点？  历史网站制作软件,华为如何找回被删除的网站？  javascript基本数据类型及类型检测常用方法小结  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何通过VPS建站实现广告与增值服务盈利？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  Android自定义listview布局实现上拉加载下拉刷新功能  如何在IIS管理器中快速创建并配置网站？  平台云上自助建站如何快速打造专业网站？  Python多线程使用规范_线程安全解析【教程】  建站主机解析：虚拟主机配置与服务器选择指南  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  如何在Tomcat中配置并部署网站项目？  教学网站制作软件,学习*后期制作的网站有哪些？  婚礼视频制作网站,学习*后期制作的网站有哪些？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何快速查询域名建站关键信息？  常州自助建站工具推荐：低成本搭建与模板选择技巧  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  如何选择美橙互联多站合一建站方案？  建站主机是否属于云主机类型？