Jestem bardzo nowy w zakresie kątowego JS i pracy nad aplikacją mobilną. W ramach tego muszę napisać usługę, która obsługuje zdarzenia dotykowe, takie jak przesunięcie w lewo, przesunięcie w prawo, przesunięcie w górę i przesunięcie w dół, i muszę oddzwonić w zależności od tego, która czynność zostanie wykonana. Daj mi znać, jeśli pojawią się przydatne tutoriale.Angular JS Touch and Swipe
6
A
Odpowiedz
9
Jak wspomniano w komentarzach ngTouch jest dobrym miejscem do rozpoczęcia, jednak ma tylko przesuń w lewo i przesuń w prawo. Polecam używanie Angular Gestures; to jest kanciasty realizacja hammer.js i ma prawie wszystko, czego kiedykolwiek potrzeba:
- DoubleTap
- dragstart
- przeciągnij
- dragup
- dragdown
- dragleft
- dragright
- przeciągnij
- hold
- szczypta
- pinchin
- pinchout
- uwolnienie
- obracać
- machnięcia
- swipeup
- swipedown
- swipeleft
- swiperight
- tap
- dotykowy
- transformstart
- przekształcić
- transformend
2
Innym rozwiązaniem jest moduł angular-swipe. Zastępuje ono ng-swipe
i używa tych samych dyrektyw, dodając w górę iw dół:
ng-swipe-up
ng-swipe-down
ng-swipe-left
ng-swipe-right
1
w HTML użyłem 5 zakładek i jestem w stanie przesunąć w lewo lub w prawo gładko. mój kod podany poniżej.
OTRZYMAŁA | WYSŁANE | DELETED | zarchiwizowanejraporty
W HTML
ng bezstykowa lewej = "leftTab()" ng bezstykowa prawej = "rightTab()"
i kontroler.
$scope.leftTab = function(){
if($scope.tab != 4){
$scope.getAlertsSummary($scope.tab + 1);
}
};
$scope.rightTab = function(){
if($scope.tab != 0){
$scope.getAlertsSummary($scope.tab - 1);
}
};
Tutaj getAlertsSummary służy do pobierania danych z zakładki.
Powiązane problemy
- 1. Gest UIButton and Swipe
- 2. Sencha Touch and Leaflet.js API
- 3. jQuery (Swipe vs. Touch) pageX i pageY wracają 0
- 4. Jak zaimplementować 3D-Touch Peek-and-select?
- 5. Angular Material and Safari Browser
- 6. Angular JS i partials
- 7. Angular js Zagnieżdżanie niestandardowych dyrektyw
- 8. Integracja GWT i Angular JS
- 9. Angular JS i biblioteki zewnętrzne
- 10. Angular JS $ watch vs $ on
- 11. Angular JS $ timeout vs $ interval
- 12. ChangeDetectionStrategy.OnPush and Observable.subscribe w Angular 2
- 13. Angular 2 Slide Up and Down Animation
- 14. Osadzanie strony HTML za pomocą Angular js
- 15. Android - Swipe usunąć RecyclerView
- 16. Angular JS + Node JS + Passport + Spring OAuth2 Authentication/Authorization
- 17. Utrzymywanie CSS z JS w Angular 2/Angular-CLI
- 18. Swipe usunąć na CollectionView
- 19. Angular JS: dynamicznie ładuj pliki CSS i JS
- 20. Swipe Usuwanie Tableview Row
- 21. Swipe UITableViewCell bez dotyku
- 22. Konwencje nazewnictwa Angular JS ($, camelCase i PascalCase)
- 23. Dodaj klasę na najechaniu na Angular JS
- 24. Podstawowy przewodnik zaczynający się od Angular JS
- 25. Model aktualizacji JS Angular z domu
- 26. Funkcja wywołania z innego kontrolera Angular Js
- 27. Angular JS ukryj pierwszy element powtórzenia ng
- 28. Angular JS - żądanie w celu uzyskania obrazu
- 29. Angular JS - Jak mogę animować zmiany modelu?
- 30. Angular JS - angular.forEach - Jak zdobyć klucz obiektu?
To, czego szukasz, jest już dostępne w wersji kątowej. Zajrzyj na https://docs.angularjs.org/api/ngTouch – TMichel