Улучшить эту документацию Просмотреть исходный код $swipe

сервис в модуле ngTouch

Сервис $swipe абстрагирует более сложные детали поведения перетаскивания при свайпе, чтобы упростить реализацию директив, связанных со свайпом.

Требуется модуль ngTouch.

$swipe используется директивными ngSwipeLeft и ngSwipeRight в ngTouch, а также ngCarousel в отдельном компоненте.

Использование

Сервис $swipe представляет собой объект с единственным методом: bind. bind принимает элемент, который необходимо отслеживать на предмет свайпа, и объект с четырьмя обработчиками событий. См. документацию для bind ниже.

Методы

bind();
Основной метод $swipe. Принимает элемент для отслеживания движений свайпа и объект, содержащий обработчики событий.

Четыре события: start, move, end, и cancel. start, move, и end получают в качестве параметра объект координат в формате { x: 150, y: 310 }.

start вызывается при mousedown или touchstart. После этого события, $swipe отслеживает события touchmove или mousemove. Эти события игнорируются до тех пор, пока суммарное расстояние перемещения в любом измерении не превысит небольшой порог.

После превышения этого порога, либо горизонтальная, либо вертикальная дельта будет больше.
- Если горизонтальное расстояние больше, это свайп, и следуют события move и end.
- Если вертикальное расстояние больше, это прокрутка, и браузер обрабатывает ее сам. Отправляется событие cancel.
move вызывается при mousemove и touchmove после того, как вышеуказанная логика определила, что свайп находится в процессе.

end вызывается, когда свайп успешно завершен с touchend или mouseup.

cancel вызывается при событии touchcancel от браузера или когда начинается прокрутка, как описано выше.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.2.32/docs/api/ngTouch/service/$swipe

Улучшить эту документацию Просмотреть исходный код $swipe

Использование

Методы

bind();