click 点击事件

    tap 点击事件

    press 长按事件

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

    swipe 滑动事件 滑动触发一次

    rotate 旋转事件

    pinch 捏合(pinch)手势

    1. http://hammerjs.github.io/
    1. npm install hammerjs --save

    main.ts中引入

    1. import { enableProdMode } from '@angular/core';
    2. import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    3. import { AppModule } from './app/app.module';
    4. import { environment } from './environments/environment';
    5. import 'hammerjs';
    6. if (environment.production) {
    7. enableProdMode();
    8. }
    9. platformBrowserDynamic().bootstrapModule(AppModule)
    10. .catch(err => console.log(err));

    使用

    1. <ion-button (press)="press()">
    2. 事件
    3. </ion-button>
    4. <ion-button (tap)="tap()">
    5. 事件
    6. </ion-button>

    页面跳转

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