如何在不保留选项卡的选项卡之外设置根页？

Question

我的应用程序流程意味着在用户登录之前没有任何选项卡.第一页是全屏登录屏幕.登录后,用户将被带到tabs.ts我的标签代码中.

其中一个选项卡中有一个按钮,用于记录用户:

user.ts:

  // Logout
  logout() {    
    // Log the user out
    this.user.logout();

    // Take user to login screen
    this.navCtrl.setRoot(LoginPage);
  }

我认为将根设置LoginPage为(不是任何标签页的一部分)会删除标签.不幸的是,并且标签仍然存在.出于显而易见的原因,这确实存在问题.

如何从此处删除标签？我觉得我需要抓住标签实例并销毁它,但这是一个猜测,我很难在文档中找到任何东西.

Answer 1

发布后,我在Ionic论坛上找到了答案.

实际上,每个选项卡都维护着自己的导航堆栈,我知道这一点,但我希望setRoot绕过堆栈.从逻辑上讲,它没有.

相反,你需要打电话getRootNav().setRoot()给你App.

App从中导入ionic-angular,然后传递给您的控制器.

一个完整的(尽管是截断的)示例:

import { Component } from '@angular/core';
import { App } from 'ionic-angular';

@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html'
})
export class ProfilePage {

  constructor(
    private app: App
  ) {

  }

  // Logout
  logout() {
    // Take user to login screen
    this.app.getRootNav().setRoot(LoginPage);
  }

}