解决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 

相关文章： 网站制作软件有哪些,制图软件有哪些？  建站上传速度慢？如何优化加速网站加载效率？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  临沂网站制作企业,临沂第三中学官方网站？  如何制作网站标识牌,动态网站如何制作（教程）？  Python文件管理规范_工程实践说明【指导】  ,怎么在广州志愿者网站注册？  怎么将XML数据可视化 D3.js加载XML  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  建站之星代理费用多少？最新价格详情介绍  长沙做网站要多少钱,长沙国安网络怎么样？  建站之星如何开启自定义404页面避免用户流失？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  网站制作公司排行榜,抖音怎样做个人官方网站  高防服务器：AI智能防御DDoS攻击与数据安全保障  网站插件制作软件免费下载,网页视频怎么下到本地插件？  安云自助建站系统如何快速提升SEO排名？  焦点电影公司作品,电影焦点结局是什么？  广州商城建站系统开发成本与周期如何控制？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何做静态网页,sublimetext3.0制作静态网页？  如何高效配置香港服务器实现快速建站？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  Python路径拼接规范_跨平台处理说明【指导】  如何选择网络建站服务器？高效建站必看指南  建站主机选虚拟主机还是云服务器更好？  如何制作算命网站,怎么注册算命网站？  已有域名和空间如何搭建网站？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  大型企业网站制作流程,做网站需要注册公司吗？  ,sp开头的版面叫什么？  建站主机选购指南与交易推荐：核心配置解析  如何在景安云服务器上绑定域名并配置虚拟主机？  如何获取开源自助建站系统免费下载链接？  如何在香港服务器上快速搭建免备案网站？  移民网站制作流程,怎么看加拿大移民官网？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  实例解析angularjs的filter过滤器  如何获取免费开源的自助建站系统源码？  c++ stringstream用法详解_c++字符串与数字转换利器  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  重庆市网站制作公司,重庆招聘网站哪个好？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  定制建站模板如何实现SEO优化与智能系统配置？18字教程  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何撰写建站申请书？关键要点有哪些？  建站主机与虚拟主机有何区别？如何选择最优方案？  建站10G流量真的够用吗？如何应对访问高峰？  如何续费美橙建站之星域名及服务？