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
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
]
...
<a ngHammer="{event: 'tap'}" (eventTriggered)="onTap()">Tap me!</a>
<div ngHammer="{event: 'swipe', direction: 'horizontal'}" (eventTriggered)="onSwipe()">Swipe me!</div>
See Hammer.js documentation for all available events.
tap, pan, pinch, press, rotate, swipe
up, down, left, right, horizontal, vertical, all
- Run
yarn
ornpm i
- See localhost:4199