Spec-Zone.ru › Angular.js 1.2

Улучшить эту документацию ngTouch

ngTouch

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

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

Установка

Сначала включите angular-touch.js в ваш HTML:

    <script src="angular.js">
    <script src="angular-touch.js">

Вы можете загрузить этот файл из следующих мест:

  • Google CDN
    например, //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-touch.js
  • 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.module('app', ['ngTouch']);

Теперь вы готовы приступить к работе!

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

Директива

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

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

ngSwipeLeft

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

ngSwipeRight

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

Сервис

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

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

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

Spec-Zone.ru

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