angularjs — бесконечная ионная прокрутка с ионными и php данными

Я новичок в 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>

Пожалуйста, помогите мне с этим. Заранее спасибо.