イオン3のタブを離れる前に確認メッセージを表示する方法

Question

私のイオン3アプリケーションは、2つのタブを持つイオンタブを持っています。タブからタブに切り替えるとき、私は彼が彼の選択を確認しない限り、現在のタブを変更するのを防ぐために（AlertControllerを使って）確認メッセージを表示する必要があります。これはイオニックで可能ですか？ タブが変更されたときに確認メッセージを表示しようとしました。しかし、私は新しいタブが表示されるのを防ぐことができませんでした。

ありがとうございます。

Answer 1

あなたはNavガードを使用してそのようなことを実現できます。あなたはNavControllerのionic-docsで見つけることができます。

実装は次のようになります。現在not work（少なくともタブで作業する場合）し

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()として。