qianqikun / ngtouch Goto Github PK

No longer maintained, would you be our new maintainer? Let us know at [email protected].

A angular module to add directives for touch devices.

• Info
• Installing/Loading
  • Install using Bower
  • Install using NPM
  • Loading
• Usage
  • ng-touchstart
  • ng-touchend
  • ng-touchmove
  • ng-tap
• Links
• Tests
• Contributing
• Security Vulnerabilities
• License

Version: 1.0.2
Author: Mark Topper [Facebook] [Github] [Twitter]
Website: ulties.com
Email: [email protected]

Install using bower:

bower install ngtouch --save

Install using npm:

npm install ngtouch --save

Go to NPM page for this package.

Load the file to you HTML header:

<script type="text/javascript" src="path/to/components/ngtouch/build/ngTouch.min.js"></script>

You must include the ngTouch dependency on your angular module:

var app = angular.module("demoapp", ["ngTouch"]);

Then in your HTML you can use:

<div ng-touchmove="someFunction()" ng-touchstart="someFunction()" ng-touchend="someFunction()"></div>

Once a touch device start touching, this event will be called.

Here is a usage example:

yourController.js

$scope.onTouchstart = function() {
   console.log($scope.event); // the event object
   console.log('touchstart event called');
}

yourView.html

<div ng-touchstart="onTouchstart()"></div>

Get ngTouchstart standalone.

Once a touch device end touching, this event will be called.

Here is a usage example:

yourController.js

$scope.onTouchend = function() {
   console.log($scope.event); // the event object
   console.log('touchend event called');
}

yourView.html

<div ng-touchend="onTouchend()"></div>

Get ngTouchend standalone.

Whenever a touch device is touched and moving.

Here is a usage example:

yourController.js

$scope.onTouchmove = function() {
   console.log($scope.event); // the event object
   console.log('touchmove event called');
}

yourView.html

<div ng-touchmove="onTouchmove()"></div>

Get ngTouchmove standalone.

Whenever a touch device is tapped without moved around.

Here is a usage example:

yourController.js

$scope.onTap = function() {
   console.log($scope.event); // the event object
   console.log('tap event called');
}

yourView.html

<div ng-tap="onTap()"></div>

Get ngTap standalone.

The following is a list of libraries that extend ngTouch:

• None yet

Contact me at [email protected] to get yours added.

The following is a list of libraries that requires by ngTouch:

• Angular: HTML enhanced for web apps

The following is a list of alternatives for ngTouch:

• ngTouchmove: A angular module to add directive ng-touchmove.

• ngTouchstart: A angular module to add directive ng-touchstart.

• ngTouchend: A angular module to add directive ng-touchend.

• ngTap: A angular module to add directive ng-tap.

From the project directory, tests can be ran using gulp test

Thank you for considering contributing! The contribution guide can be found in the contributions.md.

If you discover a security vulnerability within ngTouch, please send an e-mail to Mark Topper at [email protected]. All security vulnerabilities will be promptly addressed.

Released under the MIT License - see license.txt for details.