Spec-Zone.ru › Angular.js 1.5

Улучшить эту документацию 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

Модуль ngTouch предоставляет события касания и другие вспомогательные функции для устройств с сенсорным экраном. Реализация основана на обработке событий касания jQuery Mobile (jquerymobile.com).

См. $swipe для использования.

Компоненты модуля

Директива

ИмяОписание
ngClick

Более мощная замена стандартной директиве ngClick, предназначенной для использования на устройствах с сенсорным экраном. Большинство мобильных браузеров ожидают около 300 мс после нажатия и отпускания перед отправкой события click. Эта версия обрабатывает их немедленно и затем предотвращает распространение последующего события click.

ngSwipeLeft

Укажите пользовательское поведение при скольжении элемента влево на устройстве с сенсорным экраном. Сдвиг влево — это быстрое скольжение пальца справа налево. Хотя ngSwipeLeft предназначен для устройств с сенсорным экраном, он также будет работать с щелчком мыши и перетаскиванием.

ngSwipeRight

Укажите пользовательское поведение при скольжении элемента вправо на устройстве с сенсорным экраном. Сдвиг вправо — это быстрое скольжение пальца слева направо. Хотя ngSwipeRight предназначен для устройств с сенсорным экраном, он также будет работать с щелчком мыши и перетаскиванием.

Сервис

ИмяОписание
$swipe

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

$touch

Предоставляет метод ngClickOverrideEnabled.

Провайдер

ИмяОписание
$touchProvider

$touchProvider позволяет включить/выключить директиву ngTouch's ngClick.

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API