如何通过Angular应用程序检索Firestore文档数据？

通过Angular应用程序检索Firestore文档数据，可以按照以下步骤进行操作：

首先，确保已经在Angular应用程序中集成了Firebase和Firestore。可以通过安装Firebase和Firestore的Angular模块来实现，具体可以参考Firebase官方文档。
在Angular应用程序中创建一个服务（service），用于与Firestore进行交互。可以使用Angular的依赖注入来注入Firestore服务。
在服务中，使用Firestore的collection()方法来获取对应的集合。可以传入集合的名称作为参数。
使用集合对象的doc()方法来获取对应文档的引用。可以传入文档的ID作为参数。
使用文档引用的get()方法来获取文档的数据。该方法返回一个Observable对象，可以使用Angular的subscribe()方法来订阅该Observable并获取数据。
在订阅的回调函数中，可以处理获取到的文档数据。可以将数据存储在组件的属性中，以供在模板中使用。

下面是一个示例代码：

import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection, DocumentReference } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class FirestoreService {
  private collection: AngularFirestoreCollection<any>;

  constructor(private firestore: AngularFirestore) {
    this.collection = this.firestore.collection('your-collection-name');
  }

  getDocumentData(documentId: string): Observable<any> {
    const documentRef: DocumentReference = this.collection.doc(documentId).ref;
    return new Observable<any>((observer) => {
      documentRef.get().then((doc) => {
        if (doc.exists) {
          observer.next(doc.data());
        } else {
          observer.error('Document not found');
        }
        observer.complete();
      }).catch((error) => {
        observer.error(error);
        observer.complete();
      });
    });
  }
}

在上述示例中，your-collection-name需要替换为实际的集合名称。getDocumentData()方法用于获取指定文档的数据，需要传入文档的ID作为参数。获取到的数据将通过Observable对象返回。

在组件中使用该服务可以通过依赖注入来实现。例如：

import { Component, OnInit } from '@angular/core';
import { FirestoreService } from 'path-to-your-service';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  documentData: any;

  constructor(private firestoreService: FirestoreService) { }

  ngOnInit(): void {
    this.firestoreService.getDocumentData('your-document-id').subscribe((data) => {
      this.documentData = data;
    }, (error) => {
      console.error(error);
    });
  }
}

在上述示例中，path-to-your-service需要替换为实际的服务路径，your-component需要替换为实际的组件名称，your-document-id需要替换为实际的文档ID。获取到的文档数据将存储在documentData属性中，可以在模板中使用。

以上是通过Angular应用程序检索Firestore文档数据的步骤和示例代码。希望对你有帮助！