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

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();
      });
    });
  }
}

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);
    });
  }
}