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

发布时间：2020-12-17 17:43:16 所属栏目：安全来源：网络整理

导读：我的应用程序流程意味着在用户登录之前没有任何选项卡.第一页是全屏登录屏幕.登录后,用户将被带到tabs.ts,其中包含我的选项卡代码. 其中一个选项卡中有一个按钮,用于记录用户： user.ts： // Logout logout() { // Log the user out this.user.logout(); //

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

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

user.ts：

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

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

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

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

解决方法

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

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

相反,您需要在App上调用getRootNav().setRoot().

应用程序从离子角度导入,然后传递给您的控制器.

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

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

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!