AngularJS + Ionic 下拉刷新

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>

这样就可以实现下拉刷新了