当数据加载完停止ion-infinite-scroll
2015-10-10 17:45
211 查看
html代码:
js代码:
apendBike:
<ion-infinite-scroll on-infinite="appendBike()" distance="1%" immediate-check="false" ng-if="moreDataCanBeLoaded()"> </ion-infinite-scroll>
js代码:
apendBike:
/** * @动态加载函数 */ function appendBike() { var skip = $scope.allStation.length; var p = null; if ($scope.item == "" || $scope.item == undefined) {//item 为查询条件 p = null; } else { p = {address: $scope.item}//address为对象的属性 } database.select('bikeStation', p, skip, 10).then(function (data) {//查询满足条件p的skip开始, $scope.allStation = $scope.allStation.concat(data); $scope.$broadcast('scroll.infiniteScrollComplete');//
scroll.infiniteScrollComplete参数是一个事件名 console.log('全部自行x车站点:', $scope.allStation.length); });}
/** * 是否显示加载图标 * @returns {boolean} */
function moreDataCanBeLoaded(){ var p = null; if ($scope.item == "" || $scope.item == undefined) { p = null; } else { p = {address: $scope.item} } database.fuzzyQuery("bikeStation",p).then(function(data){//模糊查询查询所有的满足条件的记录 if(data.length>$scope.allStation.length){//如果显示的条数比总的记录数要小,设置flag为真 $scope.flag = true; }else{ $scope.flag = false; } },function(){ $scope.flag = false; }) return $scope.flag;//返回结果 }
相关文章推荐
- AOP
- 建造者模式
- 虚拟机操作---JDK与Hadoop的安装
- Spark工程开发常用函数与方法(Scala语言)
- (学习笔记)ContentProvider
- Android开源项目
- android 开发中的文件操作
- 使用VirtualEnvWrapper隔离python项目的库依赖
- Html CSS笔记
- java如何获取当前时间的方法汇总
- 关于驱动弹出数字签名不受信任的问题
- 最近学习的思考
- Juniper SRX防火墙-NAT学习笔记!!
- JS使用base64编码实现小文件上传PHP接收后转换
- Haproxy 常用acl规则与会话保持
- php判断字符串的编码以及将字符串从GBK转换为UTF8字符集
- 文章标题
- ss查看状态
- MJRefreshFooterView
- java基础学习GUI编程