Angular HammerJS Swipe无法在移动设备上使用或在设备模式下无法使用Google Chrome
我有一个简单的代码来让网站可切换,当我在桌面上的Google Chrome上测试时,它可以工作,但是当我要在我的移动设备或Google Chrome DevTools设备模式下测试时,它不工作 我试图更改HammerGestureConfig覆盖的值,但当我尝试更改为swipeleft或SwiperRight时,出现了一个错误,只接受swipe覆盖Angular HammerJS Swipe无法在移动设备上使用或在设备模式下无法使用Google Chrome,angular,google-chrome,google-chrome-devtools,hammer.js,Angular,Google Chrome,Google Chrome Devtools,Hammer.js,我有一个简单的代码来让网站可切换,当我在桌面上的Google Chrome上测试时,它可以工作,但是当我要在我的移动设备或Google Chrome DevTools设备模式下测试时,它不工作 我试图更改HammerGestureConfig覆盖的值,但当我尝试更改为swipeleft或SwiperRight时,出现了一个错误,只接受swipe覆盖 ... import * as Hammer from 'hammerjs'; import { HammerGestureConfig, HAMM
...
import * as Hammer from 'hammerjs';
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, BrowserModule } from '@angular/platform-browser';
import { SwipeComponent } from './components/swipe/swipe.component';
export class HammerConfig extends HammerGestureConfig {
overrides = {
swipe: { direction: Hammer.DIRECTION_ALL },
} as any;
}
@NgModule({
declarations: [
...
SwipeComponent,
],
...
providers: [
AuthService,
{
provide: HAMMER_GESTURE_CONFIG,
useClass: HammerConfig
}
],
})
export class AppModule { }
我不得不将inputClass更改为Hammer.TouchInput
export class HammerConfig extends HammerGestureConfig {
buildHammer(element: HTMLElement): HammerManager {
return new Hammer.Manager(element, {
touchAction: 'auto',
inputClass: Hammer.TouchInput,
recognizers: [
[Hammer.Swipe, {
direction: Hammer.DIRECTION_HORIZONTAL
}]
]
});
}
}
export class HammerConfig extends HammerGestureConfig {
buildHammer(element: HTMLElement): HammerManager {
return new Hammer.Manager(element, {
touchAction: 'auto',
inputClass: Hammer.TouchInput,
recognizers: [
[Hammer.Swipe, {
direction: Hammer.DIRECTION_HORIZONTAL
}]
]
});
}
}