在PhoneGap中将手势滑动为JS事件

时间:2014-11-24 12:38:48

标签: angularjs cordova

我使用AngularJS开发了自己的2048游戏版本(http://gabrielecirulli.github.io/2048/)。

要玩游戏我使用ng-keydown指令:

<body ng-app="game2048" ng-controller="MainController" ng-keydown="key_pressed($event)">

和控制器:

$scope.key_pressed = function(e) {
    if (e.keyCode === 37) {
        $scope.grid.moveLeft();
    } else if (e.keyCode === 38) {
        $scope.grid.moveUp();
    } else if (e.keyCode === 39) {
        $scope.grid.moveRight();
    } else if (e.keyCode === 40) {
        $scope.grid.moveDown();
    }

    $scope.grid.generateRandomCell();
};

有没有办法在iPhone应用程序上捕获滑动事件并将它们转换为AngularJS调用()?

我想向下滑动并自动调用$ scope.grid.moveDown()。

1 个答案:

答案 0 :(得分:2)

我假设你已经在使用ngularJS的手势支持服务ngTouch。

我找到了一些符合你需要的指令: https://github.com/marmorkuchen-net/angular-swipe

用法:

    <div class="container" ng-swipe-down="swipe($event)">
      <h1>Swipe me up!</h1>
    </div>

在JavaScript中包含Swipe库

var myApp = angular.module('myApp', [ 'swipe' ]);