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);
  }

}

Answer 2

单击注销按钮后，您可以使用Angular路由器并将用户导航到登录页面。

this.router.navigate(["login"]).

放置正确的路由防护装置，以便用户在未登录时无法访问该路由。 https://angular.io/guide/router

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

2 个答案: