HammerJS
It allows you to perform many different gestures, usually used on the mobile screen.
<h2 id="integration-with-angular">Integration with Angular</h2>
Install hammerjs using the CLI:
<pre><code>npm install hammerjs
</code></pre>Add this to your <code>app.module.ts</code>:
<pre><code>import { HammerModule } from "../../node_modules/@angular/platform-browser";
</code></pre>Also, add <code>HammerModule</code> in the imports of <code>app.module.ts</code> .
Usage in the HTML of your Component:
<pre><code>&lt;div (panup)="onSwipeUp()"&gt;
</code></pre>More gestures can be found <a target="_blank" href="https://github.com/angular/angular/blob/5298b2bda34a8766b28c8425e447f94598b23901/packages/platform-browser/src/dom/events/hammer_gestures.ts#L15">here</a>.
Don’t forget to add the function in your component’s Typescript file!

HammerJS

It allows you to perform many different gestures, usually used on the mobile screen.

## Integration with Angular

Install hammerjs using the CLI:

```
npm install hammerjs
```


Add this to your `app.module.ts`:

```
import { HammerModule } from "../../node_modules/@angular/platform-browser";
```


Also, add `HammerModule` in the imports of `app.module.ts` .

Usage in the HTML of your Component:

```
<div (panup)="onSwipeUp()">
```


More gestures can be found [here](https://github.com/angular/angular/blob/5298b2bda34a8766b28c8425e447f94598b23901/packages/platform-browser/src/dom/events/hammer_gestures.ts#L15).

Don’t forget to add the function in your component’s Typescript file!

Integrating HammerJS with Angular

A blog for new programmers, web developers and musicians. The Dev Newbie is an assortment of helpful notes - ranging from Angular, HTML and CSS to Java.


A blog for new programmers, web developers and more. The Dev Newbie is an assortment of helpful notes - ranging from Angular, HTML and CSS to Java.