Pull to Refresh not working

ionic-v1
1

I am trying to use the Ionic’s Pull to Refresh tool for first time but still not working for me

this is a controller where I am calling a factory/service in order to have a list of sports in the view

    .controller('sportsCtrl', function($scope, SportsFactory, AuthFactory) {

     $scope.sports = [];

        AuthFactory.getCustomer().then(function(customer) {
          $scope.customer = customer;
          SportsFactory.getSportsWithLeagues(customer).then(function(sports) {
            if (sports.length) {
              $scope.sports = sports;
            }else {
              AuthFactory.logout();
            }
         //Here is the function to call the refresher//
            $scope.doRefresh = function() {
              $scope.sports = sports;
              $scope.$broadcast('scroll.refreshComplete');
              $scope.$apply();
            };
        //////////////////////////////////////////////
          }, function(err) {
            console.log(err);
          });
        }
    })

HTML

    <ion-refresher
      pulling-text="Pull to refresh..."
      on-refresh="doRefresh()">
    </ion-refresher>

does anyone has an idea ?

2

figured it out by myself. here is the answer just in case one of you need it any time

    .controller('sportsCtrl', function($scope, SportsFactory, AuthFactory) {

     $scope.sports = [];

     $scope.doRefresh = function() {
        AuthFactory.getCustomer().then(function(customer) {
          $scope.customer = customer;
          SportsFactory.getSportsWithLeagues(customer).then(function(sports) {
            if (sports.length) {
              $scope.sports = sports;
            }else {
              AuthFactory.logout();
            }
          }, function(err) {
            console.log(err);
          });
        }
        $scope.$broadcast('scroll.refreshComplete');
      }; 
     $scope.doRefresh 
   })