ionic3默認(rèn)使用的hammerjs來監(jiān)聽重力感應(yīng)妓柜,通過hammerjs的文檔我們看到
When calling Hammer() to create a simple instance, the pan and swipe recognizers are configured to only detect horizontal gestures.
默認(rèn)是不支持垂直方向的滑動(dòng)妒峦。解決辦法如下:
npm install hammerjs --save && npm install @types/hammerjs --save-dev
創(chuàng)建MyHammerConfig.ts
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import * as Hammer from 'hammerjs';
// create a class that overrides hammer default config
export class MyHammerConfig extends HammerGestureConfig {
overrides = <any>{
'swipe': { direction: Hammer.DIRECTION_ALL } // override default settings
}
}
在你的module文件引入該文件,并在providers里加入以下代碼
providers: [{
provide: HAMMER_GESTURE_CONFIG,
useClass: MyHammerConfig
}]
那么在你的html文件中通過swipeEvent
方法就可以監(jiān)聽到向上和向下的滑動(dòng)了鞋邑。