在angular中使用hammer.js 手势

如果想本地管理,可以运行下面的命令.

npm install hammerjs --save

定制 HammerJS

如果你想增加一些自定义设置,像速度和阀值什么的,要怎么做呢?

快速说明

threshold (阀值): 识别 swipe 手势的最小距离值,默认: 10

velocity (速度): 识别 swipe 手势的最小速度,单位是 px/ms 默认: 0.3

官方文档上有提供一些其它的自定义配置项

Angular 已经内置提供了一个叫做 HAMMER_GESTURE_CONFIG 的令牌,接受 HammerGestureConfig 类型的对象

简单的方式,可以继承 HammerGestureConfig 像下面这样

在app.module.ts进行添加

import{ HammerGestureConfig, HAMMER_GESTURE_CONFIG }from'@angular/platform-browser';

    export class MyHammerConfigextendsHammerGestureConfig { 

         overrides = {'swipe': {

              velocity:0.4,

              threshold:20}// override default settings}

    }