我是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>
请帮我解决这个问题。提前谢谢。