balayez la directive ionique dans cadre?

Ne ionique possède des directives pour le balayage ou d'autres événements?

J'ai trouvé ce service: $ionicGesture. Dois-je faire mes propres directives?

Ou dois-je utiliser autre chose comme ngTouch?

OriginalL'auteur r03 | 2014-04-30

  1. 5

    Il n'y a pas de balayage directives droit sorti de la boîte, mais depuis les événements sont exposés, il est assez simple de jeter quelque chose ensemble.

    .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;
      }

    }
  }
})

    Découvrez la démo

    Merci. J'ai aussi fait quelque chose comme cela. Il pourrait être plus général comme ceci: <div balayez vers la gauche='someFunction()>
    Rien de tout cela existe encore, mais en faisant le geste de l'api plus accessibles sur le roulé carte

    OriginalL'auteur mhartington

  2. 10

    Semble que le mouvement de balayage directives n'existait pas lorsque cette question a été actif, mais ils sont disponibles dès maintenant: http://ionicframework.com/docs/api/directive/onSwipe/

    <button on-swipe="onSwipe()" class="button">Test</button>

    Également disponibles: on-swipe-left, on-swipe-right, on-swipe-up et on-swipe-down.

    OriginalL'auteur Shomz

  3. 1

    Il y a un bon tutoriel expliquant comment le faire avec Ionicframework et AngularJS
    http://ionicframework.com/blog/ionic-swipeable-cards/

    Fondamentalement, vous allez créer une Vue à l'aide de la Ionicframework objets/fonctions
    comme dans l'extrait ci-dessous, et de créer une directive qui permettra de l'appeler. Voir les détails dans le tutoriel.

    var SwipeableCardView = ionic.views.View.inherit({   
    initialize: function(opts) {
    //Store the card element
    this.el = opts.el;
    this.bindEvents();
},
bindEvents: function() {

    var self = this;

    ionic.onGesture('drag', function(e) {
       //Process drag
    }, this.el);

    ionic.onGesture('dragend', function(e) {
       //Process end of drag
    }, this.el);
},

    OriginalL'auteur brunocrt