I'm tring to add ion-refresher to my app.. I tried somethings but it doesn't work, and not stopping..
Without ion-refresher, app works correctly.
Following this app. ionic tutorial app
PS: What is the different beetween infinite Scroll and refresher? When infinite scrool work, does content load again?
MyController;
.controller('SeminerlerCtrl', ['$scope','$timeout', 'Seminerler',
function($scope, $timeout, Seminerler) {
$scope.page = 0;
$scope.seminerler = [];
$scope.morePageExist = true;
$scope.doRefresh = function() {
$timeout(function() {
Seminerler.getSeminer().then(function(items){
$scope.items = items.concat($scope.items);
$scope.$broadcast('scroll.refreshComplete');
});
}, 2000);
};
$scope.loadMore = function() {
Seminerler.all($scope.page).then(function(data) {
var length = data.length;
if(length > 0) {
$scope.seminerler = $scope.seminerler.concat(data);
$scope.page++;
if(length < 10) {
$scope.morePageExist = false;
}
}
else {
$scope.morePageExist = false;
}
$scope.$broadcast('scroll.infiniteScrollComplete');
}, function(error) {
console.log(error);
});
};
}])
Service;
.factory('Seminerler', ['$http', '$q', 'config', function($http, $q, config){
var seminerEndpoint = 'upcomingseminer';
var items = [];
return {
all: function() {
var defer = $q.defer();
$http({
method : 'GET',
url : config.serviceBaseUrl + seminerEndpoint,
dataType : 'json',
})
.success(function(data, status, headers, config) {
defer.resolve(data);
})
.error(function(data, status, headers, config) {
defer.reject(data);
});
return defer.promise;
},
getSeminer: function(){
$http({
method : 'GET',
url : config.serviceBaseUrl + seminerEndpoint,
dataType : 'json',
}).then(function(response){
items = response.data.results;
return items;
});
}
}
}])