title: Firebase Authentication on Ionic 2
body: <p>I am trying to implement login with firebase on Ionic 2 with the following code.</p>
  
  <pre><code>export class MyApp {
    rootPage:any = Login;  
    isAuthenticated = false;
  
    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
  
      firebase.initializeApp({
          apiKey: "AIzaSyC94rD8wXG0aRLTcG29qVGw8CFfvCK7XVQ",
          authDomain: "myfirstfirebaseproject-6da6c.firebaseapp.com",
      });        
  
      firebase.auth().onAuthStateChanged(function(user) {
          if (user) {
              this.rootPage = Home;              
          } else {            
              this.rootPage = Login;        
          } 
      });    
  
      platform.ready().then(() =&gt; {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        statusBar.styleDefault();
        splashScreen.hide();
      });     
    }
  }
  </code></pre>
  
  <p>I realize that even when I am authenticated, I am always brought to the Login screen because it does not wait for onAuthStateChanged promise to be fulfilled and carries on with initializing the app, therefore, the Login screen instead of the Home screen is always shown.</p>
  
  <p>But how should I change my code so that I can show Home when authenticated?</p>