2014-11-24 59 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' ]);