Accessing the Auth object in AngularFire2 <p>I am trying to access the auth object in angular2 using firebase but I have become confused. I can see the user auth credentials in the console but the auth variable seems to be null.</p> <p><strong>app.component.ts</strong></p> <pre><code>import { Component } from '@angular/core'; import { AngularFire, FirebaseListObservable } from 'angularfire2'; import { AuthProviders, AuthMethods } from 'angularfire2'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'app works!'; constructor(public af: AngularFire) { this.af.auth.subscribe(auth =&gt; console.log(auth)); //nothing in the console console.log(this.af.auth); // shows AngularFireAuth object with user credentials but says it is private } login() { console.log("logging in..."); this.af.auth.login({ provider: AuthProviders.Google, method: AuthMethods.Popup, }); } } </code></pre> <p><strong>app.component.html</strong></p> <pre><code>&lt;div *ngIf="auth"&gt;You are logged in&lt;/div&gt; &lt;div *ngIf="!auth"&gt;Please log in&lt;/div&gt; </code></pre> <p>The <code>auth</code> variable appears to be null even though <code>console.log(this.af.auth);</code> is showing the user credentials and therefore only <code>Please log in</code> is displayed in the html.</p>