在Angular 2中关闭Hammer JS事件以允许滚动

Question

我正在使用Hammer JS进行swipeleft和swiperight事件，但是用户仍然需要能够上下滚动。我能够捕获swipeup和swipedown事件，但是我真正想做的是禁用它们（以及panup和pandown）。我将如何在Angular 2中执行此操作？

在Manager下，有一个取消绑定事件的方法，我只是不知道如何从Angular 2中调用它。

经理关闭方法文档

还是有另一种方法可以覆盖Hammer JS以允许正常滚动？

Answer 1

这些链接为我指明了正确的方向：

• https://scotch.io/tutorials/using-hammerjs-touch-gesture-in-angular-2#customize-hammerjs
• https://github.com/hammerjs/hammer.js/issues/1014
• http://hammerjs.github.io/touch-action/

在我的module.ts中，添加了以下内容：

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

declare var Hammer: any;

export class MyHammerConfig extends HammerGestureConfig {
    buildHammer(element: HTMLElement) {
        let mc = new Hammer(element, {
            touchAction: "pan-y",
        });
        return mc;
    }
}

@NgModule({
    providers: [
        { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
    ]
})