离子无限滚动与离子和PHP数据

时间:2015-05-11 11:48:51

标签: php angularjs ionic-framework

我是Ionic的新手并且正在使用我需要使用无限滚动的项目。我已经搜索过了,但我没有得到满意的答案。所有解决方案都有我不想要的静态数据。我想从服务器中的php文件中获取数据。

控制器

.controller('MylistCtrl', function ($scope, $http, $ionicLoading, $state, myService) {
        $scope.items = {};
        myService.getMyTime('37.0000', '35.3213', '2', '3', '2015').then(function (response) {
            console.log(response);
            $scope.items = response;
        });
    })

.factory('myService', function ($http, $q) {
        return {
            getMyTime: function (lat,lng,gmt,method,year) {
                var deferred = $q.defer();
                $http({
                    url: base_url + 'mylist.php',
                    method: "GET",
                    params: {lat: lat, lng: lng, GMT: gmt, Method: method, Year: year},
                }).success(function (response, status) {
                    if (typeof response.data == 'object') {
                        deferred.resolve(response.data);
                    } else {
                        deferred.reject(response.data);
                    }
                }).error(function () {
                    deferred.reject(response.data);
                })
                return deferred.promise;
            }
        }
    });

HTML

<ion-view class="full-bg>
<ion-content>
    <ion-list >
        <ion-item ng-repeat="item in items">
            <div class="row">
                <div class="col col-30 month">
                    <div class="day"> 
                        <h1>{{item.day}}</h1>
                        <h2>{{item.month}}</h2>
                    </div>
                    <div class="year">{{item.year}}</div>
                </div>
                <div class="col col-45 time">{{item.Fajr}}</div>
                <div class="col col-25 alarm-icon"><i class="icon ion-ios-alarm"></i><i class="icon ion-checkmark-round"></i></div>
            </div>
        </ion-item>
    </ion-list>
   <ion-infinite-scroll on-infinite="loadMore()" distance="1%"></ion-infinite-scroll>
</ion-content>

请帮我解决这个问题。提前谢谢。

1 个答案:

答案 0 :(得分:0)

您未在视图中使用Ionic Infinite Scroll指令。包括它。而$ http服务默认返回一个promise。你为什么要创建一个新的延迟对象?