2014-06-25 4 views
6

저는 모퉁이 JS에 매우 익숙하며 모바일 응용 프로그램에서 작업하고 있습니다. 그 중 일부로서, 스 와이프 - 왼쪽, 스 와이프 - 오른쪽, 스 와이프 - 업, 스 와이프 등의 터치 이벤트를 처리하는 서비스를 작성해야하며 어떤 동작이 이루어 졌는지에 따라 다시 전화해야합니다. 유용한 자습서가 있으면 알려주십시오.각도 JS 터치 및 스 와이프

+0

찾고 계신 것이 이미 앵글 터치 방식으로 제공됩니다. https://docs.angularjs.org/api/ngTouch를 확인하십시오. – TMichel

답변

9

의견에서 언급 한대로 ngTouch는 시작하기에 좋은 곳이지만 왼쪽으로 스 와이프하고 오른쪽으로 스 와이프해야합니다. Angular Gestures을 사용하는 것이 좋습니다. 그것은 hammer.js의 각도 구현, 그리고 혹시 필요할 것 거의 모든 있습니다

  • doubletap
  • 같은 dragstart
  • 드래그
  • dragup
  • dragdown
  • 을 dragleft을 드래그 라이트
  • dragend
  • 보류
  • 핀치
  • pinchin
  • 릴리스
  • pinchout
  • 슬쩍
  • swipeup
  • swipedown
  • 이 swipeleft 회전
  • swiperight
  • 터치
  • transformstart
  • 또 다른 옵션은 angular-swipe 모듈
  • transformend
2

완료 변환. HTML에서

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

난 5 개 탭을 사용하고 난 잘 부드럽게 왼쪽 또는 슬쩍 수 있어요 : 그것은 위아래로 추가, 같은 지시를 ng-swipe을 대체하고 사용합니다. 아래 코드는 입니다.

수신 | SENT | 삭제됨 | ARCHIVED리포트

NG-와이프 왼쪽 = "leftTab()"NG-와이프 오른쪽 = "rightTab()"

및 제어부에서 HTML

에서

.

$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는 탭 데이터를 가져 오는 데 사용됩니다.