卡上的离子长按事件

Question

如何为Ionic中的卡设置长按事件，以启动特定卡的操作表。只需帮助我将这种长按事件绑定到离子型

Answer 1

离子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++;
}

Answer 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>