卡片上的离子长按事件答案

【问题标题】：Ionic long press event on cards卡片上的离子长按事件
【发布时间】：2020-06-03 17:05:55
【问题描述】：

如何在 Ionic 中为卡片设置长按事件以启动特定卡片的操作表。帮我在ionic中绑定这个长按事件

【问题讨论】：

【解决方案1】：

Ionic 4 手势：安装 HammerJs。

npm install hammerjs

内部：src/main.ts

/**
 * Hammerjs must be imported for gestures
 */
import 'hammerjs';

你可以这样做：

<ion-card (press)="tapEvent($event)">
  <ion-item>
    Tapped: {{tap}} times
  </ion-item>
</ion-card>

在.ts中

tapEvent(e){
    console.log(e);
    this.tap++;
}

【讨论】：

【解决方案2】：

您可以使用以下 npm 包：https://www.npmjs.com/package/ionic-long-press

这个插件应该兼容Ionic和Angular 7+

导入模块：

import { LongPressModule } from 'ionic-long-press';

@NgModule({
    imports: [
        ...
        LongPressModule
        ...
    ]
})

并在您的模板中使用：

<button
  ion-button
  ion-long-press
  [interval]="400"
  (pressed)="pressed()"
  (longPressed)="active()"
  (pressEnded)="released()"
></button>

【讨论】：