无法使用DocumentSnapshot的属性data（）

Question

我无法使用data()DocumentSnapshot上的属性。它在控制台中给我一个错误。这是确切的错误：

auth.service.ts（72,20）：错误TS2339：类型为“可观察”的属性“数据”不存在。

我尝试以多种不同方式获取数据。所有这些技术都是错误。

服务：

constructor(
  private afAuth: AngularFireAuth,
  private afs: AngularFirestore,
  private router: Router,
  public db: AngularFirestore
) {
    this.user = afAuth.authState;

    this.user.subscribe((user) => {
      if (user) {
        this.userDetails = user;
        console.log(this.userDetails);
      } else {
        this.userDetails = null;
      }
    })
}

getUserName() {
  (this.isLoggedIn()){
    const userD = this.db.collection('users').doc(this.userDetails.uid);
    const doc = userD.get();
    return doc.data().firstName;
  } else {
    console.log('user not logged in');
    return "nothing";
  }
}

Answer 1

userD.get()返回您的可观察值DocumentSnapshot，因此您无法调用data()它。所以你需要订阅。在这种情况下，您似乎想要将数据返回到组件（？），所以我建议您返回一个可观察的：

import { take, map } from 'rxjs/operators';

// ...

getUserName() {
  if(this.isLoggedIn()){
    const userD = this.db.collection('users').doc(this.userDetails.uid);
    const doc = userD.get();
    return doc.pipe(
      // add take if you only want data one time, which closes subscription
      take(1),
      map(d => d.data().firstName)
    )
  } else {
    console.log('user not logged in');
    // need to return an observable
    return of("nothing");
  }
}

getUserName()然后在您的组件中通过手动调用subscribe或使用模板中的管道来订阅async。