下拉以改变离子中的幻灯片

时间:2015-09-06 19:48:33

标签: angularjs ionic

我一直看到拉下来刷新离子。但是,我希望使用下拉手势来实现诸如使用向上滑动或向下滑动效果更改幻灯片等内容。

是否可以通过这种方式自定义离子清新剂,还是严格意味着刷新?

我可以调用一个在离子刷新器内部设置活动幻灯片的功能吗?

我也很少关注它。我可以通过这种方式获得一些定制方向吗?

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

1 个答案:

答案 0 :(得分: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. 我建议不要将此用于您提及的目的,因为作为指令名称 (离子复习)描绘,这种效果是为了让用户感受到 刷新页面数据。如果离子以这种方式命名,必须有一个 很有道理的。