<body ng-controller="MyCtrl">
<ion-header-bar class="bar-positive">
<h1 class="title">Refresher</h1>
</ion-header-bar>
<ion-content>
<ion-refresher on-refresh="doRefresh()" pulling-text="Pull to refresh..." refreshing-text="Refreshing!" refreshing-icon="ion-loading-c">
</ion-refresher>
<ion-list>
<ion-item ng-repeat="item in items">{{item}}</ion-item>
</ion-list>
</ion-content>
</body>
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope, $timeout) {
$scope.myTitle = 'Template';
$scope.items = ['Item 1', 'Item 2', 'Item 3'];
$scope.doRefresh = function() {
console.log('Refreshing!');
$timeout( function() {
$scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4);
$scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4);
$scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4);
$scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4);
//Stop the ion-refresher from spinning
$scope.$broadcast('scroll.refreshComplete');
}, 1000);
};
});
