（swipeupは）私が指示（swipeup）が動作していないようですことに気づいたHammerjs

Question

とアンギュラ4にトリガされていません誰もが解決策/回避策を持っていますか？私は見ましたが、私の問題に結びついた解決策を見つけられませんでした。

はJ.

Answer 1

@ angular/platform-b​​rowserからハンマー設定をインポートし、それを上書きすることができます。ユーザーがスクロールしようとすると問題が発生する可能性があるため、スワイプの上下はデフォルトでオフになっています。

app.module.tsあなたはハンマーをインポートするにはどうすればよい

import * as Hammer from 'hammerjs'; 
    import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser'; 

    export class HammerConfig extends HammerGestureConfig { 
    overrides = <any>{ 
     'swipe': { direction: Hammer.DIRECTION_ALL } 
    }; 
    } 

    @NgModule({ 
    declarations: [ 
     AppComponent 
    ], 
    imports: [ 
     BrowserModule 
    ], 
    providers: [ 
     { 
     provide: HAMMER_GESTURE_CONFIG, 
     useClass: HammerConfig 
     } 
    ], 
    bootstrap: [AppComponent] 
    }) 
    export class AppModule { } 

Answer 2

がthisによると、あなたはこれを試すことができ、 をありがとう！

var hammertime = new Hammer(document.body); 

hammertime.get('swipe').set({ direction: Hammer.DIRECTION_ALL }); 

、デフォルトでドキュメント 」によると、それはタップ、ダブルタップ、プレス、水平パンやスワイプのセット、およびマルチタッチピンチを追加し、認識器を回転させる。ピンチと認識装置を回転させるにはでは無効になっていますデフォルト彼らは、要素がブロックになるだろうが、あなたは呼び出すことで、それらを有効にすることができますので：

hammertime.get('pinch').set({ enable: true }); 
hammertime.get('rotate').set({ enable: true }); 

垂直の有効化または全方向パンやスワイプの認識機能のために：

hammertime.get('pan').set({ direction: Hammer.DIRECTION_ALL }); 
hammertime.get('swipe').set({ direction: Hammer.DIRECTION_VERTICAL });