Something like this? http://jsfiddle.net/6jxbv/119/ I’m using Hammer(element).on(“event”, callback); to get the result. In this case, I added the swipeleft and swiperight events. The script uses the syntax described above to add events like: drag, dragstart, dragend, dragup, dragdown, dragleft, dragright swipe, swipeup, swipedown, swipeleft, swiperight If you want to use it with jQuery, they provide … Read more
Got it! In your AppModule: import { HAMMER_GESTURE_CONFIG, HammerGestureConfig } from ‘@angular/platform-browser’; export class MyHammerConfig extends HammerGestureConfig { overrides = <any> { ‘pinch’: { enable: false }, ‘rotate’: { enable: false } } } @NgModule({ declarations: [ // … ], imports: [ // … ], providers: [ // … { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig } … Read more
For hammer.js 2.0+ I have taken @DGS answer and changed it to suit what I was doing with cordova and intel-xdk so it’s pure JS and hammer.js 2.0 for webkit. My implementation allows you to zoom and drag at the same time, not independent of each other as above, and provides for a more native … Read more
There are 2 ways to solve this problem: Either include the (main) import in your main module’s file or polyfills.ts: import ‘hammerjs’; Or include the script from a CDN into your index.html file: <head> <!– … –> <script src=”https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js”></script> <!– … –> </head>
In your package.json file add this to dependencies “hammerjs”: “^2.0.8”, Or if you want an alternative automatic way just you can type npm i hammerjs –save (or npm i hammerjs@2.0.8 –save if you want, since 2.0.8 is the latest version nowdays) in your root project folder and test then, if the problem still occurring try … Read more
For those receiving this warning for the first time, it is due to a bleeding edge feature called Passive Event Listeners that has been implemented in browsers fairly recently (summer 2016). From https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md: Passive event listeners are a new feature in the DOM spec that enable developers to opt-in to better scroll performance by eliminating … Read more