Angular JS 触摸和滑动

Question

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

Answer 1

正如 cmets 中提到的，ngTouch 是一个很好的起点，但是它只有向左滑动和向右滑动。我推荐使用Angular Gestures；它是hammer.js 的一个角度实现，几乎拥有你所需要的一切：

• 双击
• 拖动启动
• 拖动
• 拖动
• 下拉
• 向左拖动
• 向右拖动
• 拖累
• 按住
• 捏
• 捏捏
• 捏出
• 发布
• 旋转
• 滑动
• 向上滑动
• 向下滑动
• 向左滑动
• 向右滑动
• 点击
• 触摸
• 转换开始
• 变换
• 改造

Answer 2

另一个选项是angular-swipe 模块。它替换了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 用于获取标签数据。