ionic訪問界面自動刷新

1.觸發刷新服務servie  (觸發on-refresh)

  module.service('utilities', function() {
    this.triggerScrollViewPullToRefresh = function (scrollView) {
      scrollView.__publish(
        scrollView.__scrollLeft, -scrollView.__refreshHeight,
        scrollView.__zoomLevel, true);

      var d = new Date();

      scrollView.refreshStartTime = d.getTime();

      scrollView.__refreshActive = true;
      scrollView.__refreshHidden = false;
      if (scrollView.__refreshShow) {
        scrollView.__refreshShow();
      }
      if (scrollView.__refreshActivate) {
        scrollView.__refreshActivate();
      }
      if (scrollView.__refreshStart) {
        scrollView.__refreshStart();
      }
    }
  });

2.頁面跳轉監聽變化，執行函數

$scope.$on('$stateChangeSuccess', $scope.someFunc);

    $scope.someFunc = function() {
      // scrollerHandle should be the delegate-handle set on the scrollview
      $scope.scrollDelegate = $ionicScrollDelegate.$getByHandle('scrollerHandle');
      utilities.triggerScrollViewPullToRefresh($scope.scrollDelegate.getScrollView());
    };

3.頁面指令

  <ion-content delegate-handle="scrollerHandle" overflow-scroll="false" has-bouncing="true">
    <ion-refresher on-refresh="search(searchName)" pulling-text="下拉刷新">
    </ion-refresher>
  </ion-content>

然後自動刷新動作通過search函數執行相應的刷新邏輯。