AngularJS + Ionic 下拉刷新
来源:互联网 发布:手机摇晃解锁软件 编辑:程序博客网 时间:2024/05/22 00:18
AngularJS + Ionic 下拉刷新
angular.module("app.yourCtrl", ["ionic"]) .controller('yourCtrl', function ($rootScope, $scope, $http) { $scope.list = []; var p = {page: 1, pagesize: 5}; $scope.isCT = true; $scope.noInfo = false; $scope.loadMore = function () { $scope.isCT = false; $scope.$broadcast('scroll.infiniteScrollComplete'); $http.post(url + "app/youraction.action", p) .success(function (data, status, headers, config) { if (data != null && data.list != null) { var tempList = data.list; for (var item in tempList) { $scope.list.push(tempList[item]); } p.page++; if (item != p.pagesize - 1) { $scope.isCT = false; $scope.noInfo = true; } else { $scope.isCT = true; } } else { alert('网络连接错误'); } }).error(function (data, status, headers, config) { }); }; });
<div ng-show="noInfo" style="text-align: center;margin: 10% auto;">无更多旅馆信息</div> <br/> <ion-infinite-scroll ng-if="isCT" icon="ion-loading-c" on-infinite="loadMore()" distance="1%"> </ion-infinite-scroll>
这样就可以实现下拉刷新了
0 0
- AngularJS + Ionic 下拉刷新
- ionic 下拉刷新
- ionic 下拉刷新
- ionic refresher(下拉刷新)
- ionic 下拉刷新
- ionic下拉刷新
- Ionic 下拉刷新
- ionic的下拉刷新
- ionic 下拉刷新
- ionic实现下拉刷新
- ionic 下拉刷新
- AngularJS的ionic(侧拉、选项卡、list展示、上拉加载、下拉刷新)
- ionic中的实现下拉刷新
- ionic中的关于下拉刷新
- ionic-下拉刷新载入数据
- 利用ionic实现下拉刷新
- ionic+angularjs,返回并刷新页面。
- Ionic上拉刷新下拉加载更多
- LaneCat网猫网络监控软件(内网版) V2.1.1603.3100 绿色版
- VC自定义消息
- [POJ 2456]Aggressive cows[二分]
- [headset]怎样定位插入耳机无法识别的问题
- Cisco-IOS_CLI
- AngularJS + Ionic 下拉刷新
- ContextLoaderListener初识
- MaxScale 安装
- Hadoop 新旧MapReduce API比较
- HBase工作原理学习
- online创建索引和重建索引
- 【HDU1181】变形课(并查集)
- Android动画效果translate、scale、alpha、rotate详解
- Codeforces 479E Riding in a Lift