ionic infinite scrolling with ionic and php data

I am new to Ionic and working with project where I need to use infinite scrolling. I have searched for it but I didn't get satisfied answer. All solutions has static data which I don't want. I want to data from php file which is in server.

Controller

.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>

Please help me with this. Thank you in advance.