2015-09-06 43 views
1

我一直在看到拉下来刷新离子。但是,我想实现诸如使用下拉手势以幻灯片向上或向下滑动的效果更改幻灯片。下拉改变离子中的幻灯片

是否有可能以这种方式定制离子复发或严格意义上的刷新?

我可以调用一个函数来设置离子刷新器内部的活动幻灯片进行刷新吗?

我对这方面的看法很少。我可以请这样定制它吗?

我不认为我想在这里使用向下滑动手势,因为它最终会改变幻灯片在屏幕上的任何位置。我希望它通过屏幕顶部的图标发生,就像离子复习一样。

回答

1

ion-refresher只是一个指令,它给你pull-down效果,在它的on-refresh你必须调用你自己的函数,所以你可以在该函数中做任何事情。当你的意思是你要设置为活动状态的任何幻灯片,你只是做这样

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

而在你的控制器:

$scope.changeSlide = function() { 
    $ionicSlideBoxDelegate.slide(slide-number); 
    $scope.$broadcast('scroll.refreshComplete'); 
}; 

注意

  1. 不要在你的 动作完成后,忘记播放scroll.refreshComplete事件,因为这给出了微调的下拉到 停止的信号。
  2. 我的建议并不是用这个来提到你的目的,因为作为指令名 (离子复习)描述,这个效果是为了让用户感觉刷新页面的数据。如果用这种方式离子命名的话,那里必须是一个 的好理由。