Spec-Zone.ru › Angular.js 1.4

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

Установка

Сначала включите 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']);

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

ngTouch

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

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

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

Директива

ИмяОписание
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.4.14/docs/api/ngTouch

Spec-Zone.ru

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