
Security News
New CVE Forecasting Tool Predicts 47,000 Disclosures in 2025
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
angular-gestures
Advanced tools
AngularJS directive that adds support for multi touch gestures to your app. Based on hammer.js.
AngularJS directive that adds support for multi touch gestures to your app, based on hammer.js.
gestures.js
or gestures.min.js
into your page'angular-gestures'
as a dependency for your angular app: angular.module('myApp', ['angular-gestures']);
hammerDefaultOptsProvider.set({recognizers: [[Hammer.Tap, {time: 250}]] });
ng-click
: e.g. hm-tap
<button hm-tap="add_something()">Tap me</button>
hm-swipe="remove_something({{ id }})"
hm-tap-opts="{hold: false}"
Note that hammer.js is an additional requirement and is not included in angular-gestures
.
Pass the $event
object in the usual way e.g. hm-drag="myDrag($event)"
then access its internals like so:
$scope.myDrag = function(event) {
console.log(event.gesture);
}
Refer to the Hammer.js docs for more details on the properties of event
.
All Hammerjs events are supported. The corresponding Angularjs attribute has hm-
prepended to the name. So for example, the 'doubletap' event becomes hm-double-tap
etc.
Attention : *end and *start events are NOT CamelCased because of issues caused by $animate interference.
To set recognizer default options you can use hammerDefaultOptsProvider
. Access it like in the demo:
angular.module('angularGesturesDemoApp', ['angular-gestures', 'ngRoute'])
.config(function ($routeProvider, hammerDefaultOptsProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.otherwise({
redirectTo: '/'
});
hammerDefaultOptsProvider.set({
recognizers: [[Hammer.Tap, {time: 250}]]
});
});
If you want to use angular-momentum-scroll with bower, add the following dependency to your component.json
"angular-gestures": "latest"
angular-gestures has support for Require.js/AMD/Node.js. When using AMD modules, make sure that you define
hammer.js using Hammer
, same goes for node.js
. If you are not using Require.js/AMD/Node.js, angular-gestures
will fall back to using the global Hammer
/angular
objects.
FAQs
AngularJS directive that adds support for multi touch gestures to your app. Based on hammer.js.
We found that angular-gestures demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.