Skip to content
This repository has been archived by the owner on Jul 30, 2020. It is now read-only.
/ ngTouch Public archive

A angular module to add directives for touch devices.

License

Notifications You must be signed in to change notification settings

nglar/ngTouch

Repository files navigation

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

nglar - ngTouch

A angular module to add directives for touch devices.

Build Status StyleCI Status Dependencies Dev Dependencies License

Info

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

Installing/Loading

Install using Bower

Install using bower:

bower install ngtouch --save

Install using NPM

Install using npm:

npm install ngtouch --save

Go to NPM page for this package.

Loading

Load the file to you HTML header:

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

Usage

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>

ng-touchstart

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.

ng-touchend

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.

ng-touchmove

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.

ng-tap

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.

Links

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.

Tests

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

Contributing

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

Security Vulnerabilities

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.

License

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