title: Angular 4 and angularfire2 router navigate but the previous component is still showing
body: <p>I'm working on a project using Angular 4 and angularfire2 (firebase), i'm trying to navigate to the home page after the user signed in successfully using a third party (Google or Facebook). </p>
  
  <p>The problem is after the user is authenticated using angularfire2 popup the router navigate properly ( link in the browser change and the home component is visible) but the sign in component still there !!</p>
  
  <p>I'm not sure if the problem is related to angularfire2 sign in popoups or angular 4 itself, any suggestions ?</p>
  
  <p>angularfire2 callback:</p>
  
  <pre><code>signInWithGoogle() {
    this.angularFireAuth.auth.signInWithPopup(new 
    firebase.auth.GoogleAuthProvider()).then((infos) =&gt; {
    this.router.navigate['/home'];
    });
  }
  </code></pre>
  
  <p>router config:</p>
  
  <pre><code>const memberSpaceRoutes: Routes = [
         { path: 'sign-in', component: SignInComponent },
         { path: 'home', component: Home},
  ]
  </code></pre>