如何将hammerjs与Ionic一起使用

Posted

技术标签:

【中文标题】如何将hammerjs与Ionic一起使用【英文标题】:How do I use hammerjs with Ionic 【发布时间】:2021-12-12 17:33:26 【问题描述】:

我正在尝试在离子角度项目中使用锤子 js。

我在组件的模块中导入了锤子模块:

import  BrowserModule, HammerModule  from '@angular/platform-browser';
//...
@NgModule(
  imports: [
BrowserModule,
HammerModule,
//...
])

并根据文档在组件内导入了hammerjs。但是没有触发任何事件。

<div (swipeleft)="onswipe(i)">swipe me</div>
onswipe(x)
console.log(x,'triggered')

【问题讨论】:

【参考方案1】:

HammerModule 应该在 AppModule 中导入(而不是在子模块中)。

您可以在组件中导入“hammerjs”。

【讨论】:

以上是关于如何将hammerjs与Ionic一起使用的主要内容,如果未能解决你的问题,请参考以下文章

将 Ionic Native / Cordova 插件与 Ionic (React) & Capacitor 一起使用的正确方法是啥?

角度如何与 Ionic 应用程序中的节点一起工作?

ionic4默认不能使用手势事件,解决方法

如何将离子存储与电容器一起使用?

如何将标头添加到 ionic 4 / Apollo GraphQL App

如何使用选项作为参数初始化hammerJS对象