ionic2のリストから画面遷移させるには

2016年12月11日

  1. TOP
  2. BLOG
  3. angular2
  4. ionic2のリストから画面遷移させるには

リストのアイテムをクリッカブルにする場合はion-itemではなくbuttonを使うことで実現が出来ます。
テンプレートは以下の通り

<ion-list>
  <button menuClose ion-item *ngFor="let arr of arrData" (click)="openPage(arr)">
    {{arr}}
  </button>
</ion-list>

tsファイルにはイベントハンドラーを記述します

openPage(val: String) {

  this.navCtrl.push(DetailPage, {index: val});
}