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函数执行相应的刷新逻辑。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值