如何在Angular中通过Firestore引用获取关联文档的值？

你的代码里有几个关键问题导致无法获取到关联文档的price值，我来帮你梳理并修正：

问题分析 #

1. 路径错误：你写的users/${user.userid}/digitalID是把digitalID当成了users集合下的子集合，但实际上digitalID是user文档里的一个引用字段，指向digitalContents集合中的文档，不能直接用这个路径查询。
2. 异步处理错误：subscribe()返回的是一个Subscription对象，不是你要的文档数据，而且你在subscribe外面执行console.log，由于异步特性，此时数据还没返回，自然拿不到值。

正确解法 #

方法1：嵌套订阅（基础版） #

先获取用户文档，拿到digitalID引用后，再用这个引用查询关联的digitalContents文档：

constructor(public auth: AuthService, private afs: AngularFirestore) { }

ngOnInit(): void {
  const user = this.auth.currentUser;
  // 先获取当前用户的文档
  this.afs.doc<User>(`users/${user.userid}`).valueChanges().subscribe(userDoc => {
    // 确保digitalID引用存在
    if (userDoc?.digitalID) {
      // 使用引用直接查询对应的数字内容文档
      this.afs.doc<DigitalContent>(userDoc.digitalID).valueChanges().subscribe(digitalContent => {
        this.selectedContentsPrice = digitalContent?.price;
        console.log(this.selectedContentsPrice); // 这里才能拿到正确的异步数据
      });
    }
  });
}

方法2：使用switchMap优化（推荐） #

嵌套订阅会导致代码可读性差，用RxJS的switchMap操作符可以避免嵌套，让代码更简洁：

import { switchMap, of } from 'rxjs';
import { DocumentReference } from '@angular/fire/firestore';

// 先定义对应的接口
interface User {
  userid: string;
  name: string;
  digitalID: DocumentReference;
}

interface DigitalContent {
  name: string;
  price: number;
}

constructor(public auth: AuthService, private afs: AngularFirestore) { }

ngOnInit(): void {
  const user = this.auth.currentUser;
  this.afs.doc<User>(`users/${user.userid}`).valueChanges()
    .pipe(
      switchMap(userDoc => {
        // 如果没有digitalID引用，返回空值
        if (!userDoc?.digitalID) {
          return of(null);
        }
        // 用引用获取关联文档
        return this.afs.doc<DigitalContent>(userDoc.digitalID).valueChanges();
      })
    )
    .subscribe(digitalContent => {
      this.selectedContentsPrice = digitalContent?.price;
      console.log(this.selectedContentsPrice);
    });
}

额外提醒 #

• 记得在组件销毁时取消订阅，避免内存泄漏，可以把Subscription对象保存起来，在ngOnDestroy里调用unsubscribe()。
• 如果auth.currentUser是异步获取的（比如从AuthState中获取），你可能需要先监听auth.currentUser的变化，再执行后续查询。

内容的提问来源于stack exchange，提问作者project sixth