如何在离子选项卡离开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（使用标签时，至少）。