如何在沒有push / popping的情況下重定向到帶有離子2的頁面

Question

我正在使用Ionic 2構建應用程序。成功登錄后，主頁將被推送到登錄頁面的頂部。 唯一的問題是“后退”圖標出現在主頁的頂部。 我想要一種在登錄時重定向到主頁的方法，以便不顯示“后退”圖標。

謝謝

Answer 1

你必須setRoot 。 這樣，新組件就是root，在您的情況下，它將是HomePage組件。

this.navCtrl.setRoot(HomePageComponent, {}, {animate: true, direction: 'forward'});

Answer 2

我建議通過調用設置導航堆棧的根this.navCtrl.setRoot(YourDesiredPageClassHere)在NavigationController實例，而不是調用this.navCtrl.push(YourDesiredPageClass) 這會將根導航頁面設置為YourDesiredPageClass，而不會導航回任何頁面，因此沒有后退按鈕。

您還可以通過在要導航到的頁面的ViewController實例上調用showBackButton(false)來以編程方式禁用后退按鈕，如下所示：

import { NavController, ViewController } from 'ionic-angular';

export class Page {

    constructor(
        private navCtrl: NavController, 
        private viewCtrl: ViewController
    ) { }

    ionViewWillEnter() {
        this.viewCtrl.showBackButton(false);
    }
}

或者使用hideBackButton屬性（也可以是hide-back-button ）禁用HTML中的后退按鈕，如下所示：

<ion-navbar hideBackButton="true">
    <ion-title>Title</ion-title>
</ion-navbar>