使用angular2配置Hammerjs事件

发布时间：2020-12-17 06:55:46 所属栏目：安全来源：网络整理

导读：如何在angular2中配置hammerjs事件？要使用angular2的hammerjs事件,我只需要在我的html中包含事件,如下所示： div (press)="onLongPress($event)"/div 在这种情况下(按)默认时间为251毫秒. Hammerjs press event documentation 如何配置此时间以获得不同的

如何在angular2中配置hammerjs事件？

要使用angular2的hammerjs事件,我只需要在我的html中包含事件,如下所示：

<div (press)="onLongPress($event)"></div>

在这种情况下(按)默认时间为251毫秒.
Hammerjs press event documentation

如何配置此时间以获得不同的值？

解决方法

使用Angular 2.0.1,实际上有一种配置hammerjs的直接方法：

// app.module.ts

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

export class MyHammerConfig extends HammerGestureConfig  {
  overrides = <any>{
      // override hammerjs default configuration
      'pan': {threshold: 5},'swipe': {
           velocity: 0.4,threshold: 20,direction: 31 // /! ugly hack to allow swipe in all direction
      }
  }
}

@NgModule({
  imports:      [ ...],declarations: [ ... ],bootstrap:    [ ... ],providers:    [ { 
                    provide: HAMMER_GESTURE_CONFIG,useClass: MyHammerConfig 
                } ]
})

请注意,我正在使用hack来允许使用Hammer.DIRECTION_ALL的当前值向所有方向滑动.虽然该值可能暂时不会改变,但只要有人通过app模块直接访问Hammer.DIRECTION_ALL值,我就会立即更新此帖子.

（编辑：李大同）

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