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
原创粉丝点击