ngx-hammer
v1.1.8
Published
Hammer.js wrapper for Angular4+ to support some operation in the mobile
Downloads
46
Readme
ngx-hammer
Hammer.js wrapper for Angular4+ to support some operation in the mobile
This is a directive wrapper for Hammer.js 2.x.
If you want to find a same wrapper for VueJS, you can have a look at vue2-hammer
Install
npm/yarn
Available through npm/yarn as ngx-hammer
.
npm install -S ngx-hammer
or
yarn add ngx-hammer
In a module
import { HammerModule } from 'ngx-hammer'
...
imports: [
...,
HammerModule
]
...
Usage
Using the ngHammer
directive
<a ngHammer="{event: 'tap'}" (eventTraggered)="onTap()">Tap me!</a>
<div ngHammer="{event: 'swipe', direction: 'horizontal'}" (eventTraggered)="onSwipe()">Swipe me!</div>
See Hammer.js documentation for all available events.
Supported gestures and directions
gestures
tap, pan, pinch, press, rotate, swipe
directions
up, down, left, right, horizontal, vertical, all
Run the Example
- Run
yarn
ornpm i
- See localhost:4199