Улучшить эту документацию ngTouch
Установка
Сначала получите файл:
-
Google CDN например
"//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-touch.js"
-
NPM например
npm install --save angular-touch@X.Y.Z
илиyarn add angular-touch@X.Y.Z
-
Bower например
bower install angular-touch#X.Y.Z
-
code.angularjs.org (не рекомендуется для использования в производстве) например
"//code.angularjs.org/X.Y.Z/angular-touch.js"
где X.Y.Z — версия AngularJS, которую вы используете.
Затем включите angular-touch.js в свой HTML:
<script src="path/to/angular.js"></script> <script src="path/to/angular-touch.js"></script>
Наконец, загрузите модуль в ваше приложение, добавив его в качестве зависимого модуля:
angular.module('app', ['ngTouch']);
Теперь вы готовы начать работу!
Модуль ngTouch предоставляет инструменты для устройств с сенсорным управлением. Реализация основана на обработке событий касания jQuery Mobile (jquerymobile.com). *
См. $swipe для использования.
Компоненты модуля
Директива
| Имя | Описание |
|---|---|
| ngClick |
Более мощная замена стандартной директивы ngClick, разработанной для использования на устройствах с сенсорным экраном. Большинство мобильных браузеров ждут около 300 мс после нажатия и отпускания, прежде чем отправить событие click. Эта версия обрабатывает их немедленно, а затем предотвращает распространение последующего события click. |
| ngSwipeLeft |
Укажите пользовательское поведение, когда элемент сдвигается влево на устройстве с сенсорным экраном. Сдвиг влево — это быстрое скольжение пальца справа налево. Хотя ngSwipeLeft разработан для устройств с сенсорным управлением, он также будет работать с нажатием и перетаскиванием мыши. |
| ngSwipeRight |
Укажите пользовательское поведение, когда элемент сдвигается вправо на устройстве с сенсорным экраном. Сдвиг вправо — это быстрое скольжение пальца слева направо. Хотя ngSwipeRight разработан для устройств с сенсорным управлением, он также будет работать с нажатием и перетаскиванием мыши. |
Сервис
| Имя | Описание |
|---|---|
| $swipe |
Сервис |
| $touch |
Предоставляет метод |
Провайдер
| Имя | Описание |
|---|---|
| $touchProvider |
|
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ngTouch