Ionic ion-tab：如何打开模态而不是根页面

Question

我尝试在ion-tab元素上放置一个（click）事件，但没有任何反应

<ion-tabs>
  <ion-tab (click)="chat()" tabIcon="add-circle"></ion-tab>
</ion-tabs>

Answer 1

您应该使用（ionSelect）而不是（click）：

<ion-tabs>
  <ion-tab (ionSelect)="chat()" tabIcon="add-circle"></ion-tab>
</ion-tabs>

在标签代码中：

export class Tabs {
  constructor(public modalCtrl: ModalController) {

  }

  chat() {
    let modal = this.modalCtrl.create(ChatPage);
    modal.present();
  }
}