3、各种事件

/* ---示例代码----*/
 
<ion-content>
 
  <ion-card (tap)="tapEvent($event)">
    <ion-item>
      点击：Tap: {{tap}} times
    </ion-item>
  </ion-card>
 
  <ion-card (press)="pressEvent($event)">
    <ion-item>
      按：Press: {{press}} times
    </ion-item>
  </ion-card>
 
  <ion-card (pan)="panEvent($event)">
    <ion-item>
      平移：Pan: {{pan}} times
    </ion-item>
  </ion-card>
 
  <ion-card (swipe)="swipeEvent($event)">
    <ion-item>
      滑动：Swipe: {{swipe}} times
    </ion-item>
  </ion-card>
 
</ion-content>
 
/* ---示例代码----*/

/* ---示例代码----*/
 
import { Page } from ‘ionic-angular‘;
 
@Page({
  templateUrl: ‘build/pages/tabs/tabs.html‘
})
 
export class TabsPage {
 
  constructor() {
    this.press = 0;
    this.pan = 0;
    this.swipe =0;
    this.tap = 0;
  }
  pressEvent(e) {
    this.press++
  }
 
  panEvent(e) {
    this.pan++
  }
 
  swipeEvent(e) {
    this.swipe++
  }
 
  tapEvent(e) {
    this.tap++
  }
   
}
 
/* ---示例代码----*/