Push to ion-nav only works when done the second time


I have a ion-nav that inits with a LoginPage:

  template: '<ion-nav [root]="rootPage"></ion-nav>',
  providers: [BackendService, FirebaseService, FBService],
  config: {} // http://ionicframework.com/docs/v2/api/config/Config/
export class MyApp {
  rootPage: Type = this._fbService.isLoggedIn() ? TabsPage : Login;

The login success callback, pushes the Tabs page:

  templateUrl: 'build/pages/login/login.html',
export class Login {
  private nav;
  constructor(nav: NavController, private _fbService: FBService) {
    this.nav = nav;
  public loginCallback = (response) => { 
      console.log("logged in");

The first time I try logging in, the LoginPage does not get replaced by the TabsPage. I do get the console message saying “logged in”, but the page still shows the LoginPage. However, if I repeat by trying to log in again, it works - I get to the TabsPage.

Anybody has any idea why this is happening? Any help will be appreciated. Been going crazy with this :slight_smile:

I have exactly the same problem:

Did you fix it?

Guys. same here… any news about it? tabspage not pushing first time…