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
6
A
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
- 1. JS góc: Tải các tệp CSS và JS động
- 2. Nhập js góc đầu vào góc và bị tạm dừng
- 3. góc chọn $ xác nhận đã chạm vào
- 4. file chọn với góc JS
- 5. GWT & Tích hợp JS góc
- 6. cột cố định và tiêu đề với CSS/JS góc
- 7. Quy ước đặt tên JS góc ($, camelCase và PascalCase)
- 8. Góc 2 V/S Góc js V/S Phản ứng js v/s Bản ghi
- 9. Spinner tùy chỉnh với các góc tròn, cạnh vuốt ve và biểu tượng chọn
- 10. UISwipeGestureRecognizer Độ dài vuốt
- 11. chạm/không chạm vào không cập nhật trong thành phần đầu vào tùy chỉnh - Góc 2
- 12. js góc thêm hai số vấn đề
- 13. Góc 2 cli với Express js
- 14. Sử dụng D3.js với góc 2
- 15. góc js ng khuyết tật doesnt work
- 16. js góc đọc các biến môi trường
- 17. Chuyển biến qua URL với js góc
- 18. JS: Chạm vào tương đương cho thiết bị di chuột
- 19. Góc JS ng-switch với ng-include?
- 20. cuộn Dropup Menu trong góc Js
- 21. Tìm kiếm danh sách trong góc JS
- 22. Sử dụng cử chỉ vuốt và chạm Bắt đầu/Đã di chuyển/Đã kết thúc cùng lúc
- 23. Khác nếu trong mẫu js góc cạnh
- 24. Raphael-JS: Xoay với một góc tròn
- 25. Tiếp tục lại trình thu thập thông tin sau khi chạm/vuốt
- 26. Nhiều yếu tố phản hồi sự kiện chạm trên Webkit di động và Hammer JS
- 27. thông báo góc góc chỉ hiển thị khi $ được chạm là đúng
- 28. Phân biệt vuốt và nhấp vào Angular
- 29. Hoạt ảnh CSS cho cả di chuột và chạm (iOS)
- 30. Chạm vào UIScrollView và chạm vào màn hình phụ
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