2014-11-24 60 views
2

我使用AngularJS开发了自己的2048游戏版本(http://gabrielecirulli.github.io/2048/)。在PhoneGap中作为JS事件的轻扫手势

要发挥我用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()。

+0

使你的代码是不工作? – 2014-11-24 14:48:24

+0

它正在工作,但它使用KeyDown事件。但我需要使用刷卡 – demas 2014-11-24 14:49:35

+0

哦,对不起,我以为我读ng-swipedown。 – 2014-11-24 14:51:00

回答

2

我假设您已经在使用ngTouch,AngularJS的手势支持服务。

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

用法:

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

而且在JavaScript包括轻扫库

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