如何在離子選項卡離開3之前顯示確認消息

Question

我的離子3應用程序具有帶兩個選項卡的離子選項卡。當從標籤切換到標籤時，我需要顯示一條確認消息（使用AlertController），以防止用戶更改當前標籤，除非他確認了他的選擇。離子是可能的嗎？ 我試着在選項卡更改時顯示確認消息。但是，我無法阻止新標籤出現。

謝謝。

Answer 1

你可以使用導航警衛來實現這樣的事情。您可以在NavController的離子文檔中找到它們。

的實現可能是這個樣子：

ionViewCanEnter(): Promise<any> { 
    return new Promise((resolve, reject) => { 
    let alert = this.alertCtrl.create({ 
     title: 'Alert', 
     message: 'Please confirm ...', 
     buttons: [ 
     { 
      text: 'Cancel', 
      role: 'cancel', 
      handler:() => { 
      reject(); 
      }, 
     }, 
     { 
      text: 'Confirm', 
      handler:() => { 
      resolve(); 
      }, 
     }, 
     ], 
    }); 
    alert.present(); 
    }); 
} 

使用ionViewCanEnter()爲ionViewCanLeave()當前確實not work（使用標籤時，至少）。