javascript - 如何在 IonicFramework 中实现滑动手势？

Question

我想使用 IonicFramework 在图像上附加向左滑动和向右滑动。从文档中，我只得到了这些，但还没有例子:

http://ionicframework.com/docs/api/service/ $ ionic 手势/ http://ionicframework.com/docs/api/utility/ionic.EventController/#onGesture

谁能帮忙提供示例 HTML 和 JS 来监听手势事件？

P.S.:以前，我设法使用 angularjs SwipeLeft 和 SwipeRight 指令实现它:https://docs.angularjs.org/api/ngTouch/service/ $刷卡。但是现在我想使用ionicframework提供的功能。

Answer 1

Ionic 有一组指令，您可以使用它们来管理各种手势和事件。这会将监听器附加到元素并在检测到特定事件时触发事件。有用于按住、点击、滑动、拖动等的事件。拖动和滑动也有特定的指令，仅当元素在某个方向上被拖动/滑动时才触发(例如 on-swipe-left)。

ionic 文档:http://ionicframework.com/docs/api/directive/onSwipe/

标记

<img src="image.jpg" on-swipe-left="swipeLeft()" />

Controller

$scope.swipeLeft = function () {
  // Do whatever here to manage swipe left
};