2014-06-25 20 views
6

Tôi rất mới với JS góc cạnh và làm việc trên một ứng dụng di động. Là một phần của nó, tôi cần phải viết một dịch vụ xử lý các sự kiện cảm ứng như vuốt sang trái, vuốt sang phải, vuốt lên và vuốt xuống và tôi cần gọi lại tùy thuộc vào hành động nào được thực hiện. Vui lòng cho tôi biết nếu có bất kỳ hướng dẫn hữu ích nào.Góc JS Chạm và Vuốt

+0

Những gì bạn đang tìm kiếm đã có sẵn trong góc chạm. Hãy xem https://docs.angularjs.org/api/ngTouch – TMichel

Trả lời

9

Như đã đề cập trong các ý kiến ​​ngTouch là một nơi tốt để bắt đầu, tuy nhiên nó chỉ có trượt sang trái và vuốt sang phải. Tôi khuyên bạn nên sử dụng Angular Gestures; nó là một thực hiện góc của hammer.js, và có khá nhiều tất cả mọi thứ bạn muốn bao giờ cần:

  • doubletap
  • dragstart
  • kéo
  • dragup
  • dragdown
  • dragleft
  • dragright
  • dragend
  • giữ
  • nhúm
  • pinchin
  • pinchout
  • phát hành
  • xoay
  • swipe
  • swipeup
  • swipedown
  • swipeleft
  • swiperight
  • tap
  • lạc
  • transformstart
  • chuyển
  • transformend
2

Một lựa chọn khác là module angular-swipe. Nó thay thế ng-swipe và sử dụng các chỉ thị tương tự, thêm lên và xuống:

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

Trong html tôi sử dụng 5 tab và tôi có thể trượt sang trái hoặc phải thông suốt. mã của tôi được cung cấp bên dưới.

NHẬN ĐƯỢC | SENT | XÓA | ARCHIVED đượcBáo cáo

Trong html

ng-swipe-left = "leftTab()" ng-swipe bên phải = "rightTab()"

và Trong điều khiển.

$scope.leftTab = function(){ 
    if($scope.tab != 4){ 
     $scope.getAlertsSummary($scope.tab + 1); 
    } 
}; 

$scope.rightTab = function(){ 
    if($scope.tab != 0){ 
     $scope.getAlertsSummary($scope.tab - 1); 
    } 
}; 

Tại đây getAlertsSummary được sử dụng để lấy dữ liệu tab.

Các vấn đề liên quan