angularjs - Angular JS 触摸和滑动

Question

我对 Angular JS 非常陌生，并且正在开发移动应用程序。作为其中的一部分，我需要编写一个服务来处理触摸事件，例如向左滑动、向右滑动、向上滑动和向下滑动，并且我需要根据执行的操作进行回调。请让我知道是否有任何有用的教程。

Answer 1

As mentioned in the comments ngTouch is a good place to start, however it only has swipe left and swipe right. I recommend using Angular Gestures; it's an angular implementation of hammer.js, and has pretty much everything you'd ever need:

• doubletap
• dragstart
• drag
• dragup
• dragdown
• dragleft
• dragright
• dragend
• hold
• pinch
• pinchin
• pinchout
• release
• rotate
• swipe
• swipeup
• swipedown
• swipeleft
• swiperight
• tap
• touch
• transformstart
• transform
• transformend

Answer 2

另一种选择是角度滑动模块。它替换ng-swipe并使用相同的指令，上下相加：

ng-swipe-up
ng-swipe-down
ng-swipe-left
ng-swipe-right

Answer 3

在 html 中，我使用了 5 个选项卡，并且能够顺畅地向左或向右滑动。我在下面给出的代码。

收到| 已发送| 删除| 归档 报告

在 html 中

ng-swipe-left="leftTab()" ng-swipe-right="rightTab()"

和在控制器中。

$scope.leftTab = function(){
     if($scope.tab != 4 ){
        $scope.getAlertsSummary($scope.tab + 1);
    }
};

$scope.rightTab = function(){
    if($scope.tab != 0 ){
        $scope.getAlertsSummary($scope.tab - 1);
    }
};

这里 getAlertsSummary 用于获取标签数据。