如何在不推动/弹出的情况下将带有离子2的页面重定向

Question

我正在使用离子2构建应用程序。成功登录后，将主页推在登录页面的顶部。唯一的问题是"背面"图标出现在主页的顶部。我想要一种将登录时重定向到主页的方法，以使" Back"图标不会出现。

谢谢

Answer 1

您必须进行setRoot。这样，新组件是根，在您的情况下，这将是主页组件。

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

Answer 2

我建议通过在navigationController实例上调用this.navCtrl.setRoot(YourDesiredPageClassHere)而不是调用this.navCtrl.push(YourDesiredPageClass)来设置导航堆栈的根。这将root导航页面设置为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>