如何使用 Ionic V2 this.nav.setRoot 导航回登录页面

Question

我在使用 Ionic V2 导航回登录屏幕时遇到问题。

我正在使用 V2 选项卡模板，并自己添加了一个登录页面并在app.components.ts中设置了rootPage = LoginPage;

如果返回登录承诺，我将this.nav.setRoot(TabsPage)设置为login.ts，一切仍然正常。

当我注销时出现问题，我在home.ts中设置了this.nav.setRoot(LoginPage)，应用程序重定向到登录页面，但是底部的选项卡仍然可见。

注销后如何重新初始化没有选项卡的登录屏幕？

Answer 1

您需要从导航中删除Tab。

import { App  } from 'ionic-angular';
constructor(public app: App ) {}
signout(){
  this.app.getRootNav().setRoot( LoginPage );
}

Answer 2

export class Demo{
   tabBarElement: any; 
   constructor(){
       this.tabBarElement = document.querySelector('.tabbar.show-tabbar');}
   ionViewDidLoad() {
       this.tabBarElement.style.display = 'none';}
}

"它对我有用"