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

Question

我无法使用Ionic V2导航回登录屏幕。

我使用V2标签模板并自行添加登录页面并在rootPage = LoginPage;

中设置app.components.ts

如果退回登录承诺，我在this.nav.setRoot(TabsPage)设置login.ts，一切正常。

当我退出时出现问题，我在this.nav.setRoot(LoginPage)中设置home.ts并且应用程序重定向到登录页面，但是底部的标签仍然可见。

退出后如何在没有标签的情况下重新初始化登录屏幕？

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

  

＆＃34;它为我工作＆＃34;