IonicFramework：拉到刷新不起作用

Non 发表于 Dev

非

我正在尝试首次使用Ionic的“拉动刷新”工具，但仍然对我不起作用

这是我要致电工厂/服务人员以便在视图中显示运动列表的控制器

.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>

有人有想法吗？

克莱斯

您doRefresh()在错误的位置定义了您。它在的resolve函数中定义getSportsWithLeagues。应该将其定义为控制器上的属性。代码全部乱序，这应该是更好的操作顺序：

$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');
    };
};

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。