使用離子標籤的操作

Question

我真的很喜歡這個標籤在離子3的風格，當你有一個圖標和文字：

https://ionicframework.com/docs/components/#tabs-icon-text

但是在App我使用我有4個操作。例如打開相機，打開Goog​​le地圖等。而這個我想在這種風格的頁面底部顯示。

我該如何做到這一點，因爲這不是選項卡的真正目的，因爲我沒有找到類似的組件。

Answer 1

就像你可以在the Tab docs看到：

有時你可能需要調用，而不是導航到新 頁面的方法。當選擇該選項卡時，您可以使用(ionSelect)事件調用您的類 上的方法。

<ion-tabs> 
    <ion-tab (ionSelect)="chat()" tabTitle="Show Modal"></ion-tab> 
</ion-tabs> 

然後

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

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