垂直滚动不适用于HammerJS和Angular2

发布时间：2020-12-17 07:36:28 所属栏目：安全来源：网络整理

导读：我在使用HammerJS与Angular2有一个问题. 我有一个旋转木马(基于带有Angular2事件处理程序的bootstrap carousel),在那里我正在向左滑动并滑动正确的事件. 滑动本身工作完美. 问题在于,由于我使用HammerJS,因此我无法向上/向下滚动我的旋转木马组件,因为它是一

我在使用HammerJS与Angular2有一个问题.
我有一个旋转木马(基于带有Angular2事件处理程序的bootstrap carousel),在那里我正在向左滑动并滑动正确的事件.
滑动本身工作完美.
问题在于,由于我使用HammerJS,因此我无法向上/向下滚动我的旋转木马组件,因为它是一个完整的视口大小的项目,这是一个巨大的问题.

这个问题怎么解决？

Platform:
Angular2 2.1.2
Samsung Galaxy S2 with Android
5.1.1
Google Chrome for Android: 54.0.2840.85

得到它了！

在您的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
        }
    ],bootstrap: [ AppComponent ]
})
export class AppModule {}

现在垂直滚动工作,禁用捏和旋转后.
到目前为止找不到任何其他方式.我不知道捏和旋转事件会发生什么(我的意思是我们会被禁用).但即使没有这个配置,附加(捏)=“onPinch($event)” – 没有做任何事情.

Angular版本在我的项目：2.4.1

测试：

> Chrome for Windows(在Surface上,真正的触摸屏 – 不仅仅是仿真)v 55.0.2883.87 m(64位)> Chrome for Android – v 55.0.2883.91

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!