离子框架中的滑动指令?

r03*_*r03 4 touch ionic-framework

离子是否有滑动或其他事件的指令?
我找到了这项服务:$ionicGesture.我应该用这个制作自己的指令吗?

或者我应该使用像ngTouch这样的东西吗?

Sho*_*omz 10

似乎这个问题处于活动状态时刷卡指令不存在,但它们现在可用:http://ionicframework.com/docs/api/directive/onSwipe/

<button on-swipe="onSwipe()" class="button">Test</button>
Run Code Online (Sandbox Code Playgroud)

另外缴费:on-swipe-left,on-swipe-right,on-swipe-upon-swipe-down.


mha*_*ton 5

开箱即用没有任何滑动指令,但由于事件已暴露,因此将某些东西放在一起非常简单.

.directive('detectGestures', function($ionicGesture) {
  return {
    restrict :  'A',

    link : function(scope, elem, attrs) {
      var gestureType = attrs.gestureType;

      switch(gestureType) {
        case 'swipe':
          $ionicGesture.on('swipe', scope.reportEvent, elem);
          break;
        case 'swiperight':
          $ionicGesture.on('swiperight', scope.reportEvent, elem);
          break;
        case 'swipeleft':
          $ionicGesture.on('swipeleft', scope.reportEvent, elem);
          break;
        case 'doubletap':
          $ionicGesture.on('doubletap', scope.reportEvent, elem);
          break;
        case 'tap':
          $ionicGesture.on('tap', scope.reportEvent, elem);
          break;
      }

    }
  }
})
Run Code Online (Sandbox Code Playgroud)

看看这个演示