Ionic V2を使用してログインページに戻る方法this.nav.setRoot

Question

Ionic V2を使用してログイン画面に戻るのに問題があります。

私はV2タブテンプレートを使用して、ログインページを追加し、自分自身をして、ログインの約束は、私がlogin.tsにthis.nav.setRoot(TabsPage)を設定返され、すべてがまだ正常に動作している場合app.components.ts

にrootPage = LoginPage;を設定しています。

ログアウトしたときに問題が発生しました。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';} 
}