イオンポップページが機能しない

Question

私はイオンにはとても新しいので、前のページに戻るのに苦労します。 エラーキャッチされていない（約束しています）：ナビゲーションスタックには少なくとも1つのルートが必要です。 しかし、login（）では、ルート（LoginPage）の上にTabsPageを押します。 pop（）ではLoginPageに戻ります。

お手伝いできれば嬉しいです。ここで

は私のコードは次のとおりです。

myApp.ts：

export class MyApp { 
    rootPage:any = 'LoginPage'; 

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { 
    platform.ready().then(() => { 
     statusBar.styleDefault(); 
     splashScreen.hide(); 
    }); 
    } 
} 

login.ts：

public login() { 
    this.showLoading() 
    this.auth.login(this.registerCredentials).subscribe(allowed => { 
     if (allowed) {   
     this.nav.push(TabsPage); 
     } else { 
     this.showError("Email ou mot de passe incorrect"); 
     } 
    }, 
     error => { 
     this.showError(error); 
     }); 
    } 

タブ：

export class TabsPage { 

    tab1Root = OrdersPage; 
    tab2Root = AboutPage; 
    tab3Root = ProfilePage; 

    /** 
    * @constructor 
    */ 
    constructor(private navCtrl: NavController) {} 
} 

profile.ts：

public logout(){ 
     this.auth.logout().subscribe(logedout => { 
      if(logedout){ 
       this.navCtrl.pop(); 
      } 
     }); 
    } 

ありがとうございます。

Answer 1

問題は、タブのルートページからポップしようとしていることです。 Ionicタブでは、各タブは独自のナビゲーションスタックのルートです。 LoginPageは、アプリケーションNavControllerを使用してルートに設定する必要があります。 profile.tsで

、

import { App } from ionic-angular; 


constructor(private app:App){} 

public logout(){ 
    this.auth.logout().subscribe(logedout => { 
     if(logedout){ 
      this.app.getRootNav().setRoot(LoginPage); 
     } 
    }); 
} 

ALSOは、ユーザー背中を押すとバック​​Loginpageになってを避けるために、LoginPageからrootとしてTabsPageを設定する必要があります。

if (allowed) {   
    this.nav.setRoot(TabsPage);//here 
    } else { 
    this.showError("Email ou mot de passe incorrect"); 
    }