ionic5 事件

click 点击事件

tap 点击事件

press 长按事件

pan 滑动的时候触发的事件,滑动触发多次

swipe 滑动事件 滑动触发一次

rotate 旋转事件

pinch 捏合(pinch)手势

http://hammerjs.github.io/

npm install hammerjs --save

main.ts中引入

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';


import 'hammerjs';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));

使用

 <ion-button (press)="press()">
      事件
  </ion-button>

  <ion-button (tap)="tap()">
     事件
  </ion-button>

页面跳转

[routerLink]="['/button']"