Home

Awesome

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'}" (eventTriggered)="onTap()">Tap me!</a>

<div ngHammer="{event: 'swipe', direction: 'horizontal'}" (eventTriggered)="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

License

MIT