Ionic long press事件在卡片上

Question

如何在Ionic中将长按事件设置为卡，以启动特定卡的动作单。帮我把这个冗长的新闻发布会绑定在ionic中

Answer 1

您可以使用以下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>

Answer 2

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