使用Angular4和Angularfire2（v4）在Firebase中获取用户身份验证配置文件信息

Question

Looking at this solution (angular2), I have been trying to get the same functionality to work in angular4 and coming up short. The error I get is:

Property 'subscribe' does not exist on type 'Auth'

Here is some sample code (not working):

angularFire.ts (provider):

import {Injectable} from "@angular/core";
import { Observable } from 'rxjs/Observable';
import { FirebaseObjectFactoryOpts } from "angularfire2/interfaces";
import { AngularFireDatabaseModule, AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';

@Injectable()
export class AF {
  public messages: FirebaseListObservable<any>;
  public users: FirebaseListObservable<any>;
  public displayName: string;
  public email: string;
  public user: Observable<firebase.User>;

  constructor(private afAuth: AngularFireAuth, private db: AngularFireDatabase) {
    this.afAuth.auth.subscribe(
      (auth) => {
        if (auth != null) {
          this.user = db.list.object('users/' + auth.uid);
        }
      });
    this.messages = db.list('messages');
    this.users = db.list('users');
  } ... 
}

Answer 1

使用AngularFire2，您必须订阅authState ，而不是auth 。

this.afAuth.authState.subscribe()