使用ionic上拉加载 ion-infinite-scroll标签心得

1.基础知识

使用ionic开发一个移动端列表页，用到以下功能

$ionicScrollDelegate：来控制所有滚动视图，包含scrollTop()，resize()等

ion-infinite-scroll：当界面到达页脚或页脚附近时，使用ionInfiniteScroll指令加载更多内容

ng-click，ng-change，ng-repeat，ng-value，ng-model，ng-if等Angular自带方法

2.问题描述

(1) ion-infinite-scroll持续加载，ng-if控制无效问题；

(2) 下拉刷新和上拉加载更多冲突的问题；

(3) AJAX请求服务端，数据分页的问题；

3.部分代码展示

4.重点代码解析
(1) ion-infinite-scroll持续加载，ng-if控制无效问题；
判断$scope.dataArr['loading']==true的时候才可以加载，加载完成后，重新计算滚动视图的容器大小$scope.resize()后再让$scope.dataArr['loading']==true
(2) 下拉刷新和上拉加载更多冲突的问题；
注意doRefresh和loadMore的顺序，并用
(3) AJAX请求服务端，数据分页的问题；
用TP自带的page来分割数据，并封装成公共函数，以便下次使用，服务端代码不再解说