Ionicの現在のページを置き換えるには？

Question

私はこの流れています

コンタクトページ - > navController.push（NewContact） - > navController.push（ContactCreated）

どのように私はにContactCreatedページの "戻る" ボタンの戻りユーザーことを確認しますNewContactページの代わりにrootの "Contacts"ページ？だから私は、ナビゲーションスタックのページを置き換えたいと思います。

私はIonic 3を使用しています。

Answer 1

これは次のように行うことができます。ここにはdocがあります。

import { Navbar } from 'ionic-angular'; 

@Component({ 
    selector: 'your-page', 
    template: ` 
    <ion-header> 
     <ion-navbar> 
     <ion-title> 
      Your Page 
     </ion-title> 
     </ion-navbar> 
    </ion-header> 

    <ion-content> 
    ... 
    </ion-content> 
    ` 
}) 
export class YourPage { 
    @ViewChild(Navbar) navBar: Navbar; 
    constructor(private navController: NavController){} 

    ionViewDidLoad() { 
    this.navBar.backButtonClick = (e:UIEvent)=>{ 
     this.navController.setRoot('Contacts'); 
    } 
    } 
} 

Answer 2

単にpopToRoot()functionの代わりpop()を使用しています。

this.navCtrl.popToRoot(); 

Answer 3

あなたはナビゲーションスタックに最後のページを交換したい場合、あなたはこのようにそれを行うことができます。

navController.pop() 
    .then(() => navController.push(ContactCreated)) 
    .catch(() => navController.push(ContactCreated)); 

Answer 4

はすぐに無効にアニメーションでpush続いpopを行います

this.navCtrl.pop({animate: false}); 
this.navCtrl.push(ContactCreated, null, {animate: false});