Skip to content

Angular 4 hammer.js wrapper to support some touching operation in the mobile.

License

Notifications You must be signed in to change notification settings

bsdfzzzy/ngx-hammer

Repository files navigation

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

  • Run yarn or npm i
  • See localhost:4199

License

MIT