如何使用Angular Firestore检索子集合？

Angular Firestore是Angular框架中的一个模块，用于与Google Cloud Firestore数据库进行交互。Firestore是一种NoSQL文档数据库，可以存储和检索结构化数据。

要使用Angular Firestore检索子集合，可以按照以下步骤进行操作：

首先，确保已经在Angular项目中安装了Firebase和Angular Firestore模块。可以使用npm包管理器运行以下命令进行安装：

npm install firebase @angular/fire

在Angular项目中，创建一个Firebase配置文件，用于连接到Firestore数据库。在src/environments目录下创建一个名为environment.ts的文件，并添加以下代码：

export const environment = {
  production: false,
  firebase: {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
  }
};

确保将YOUR_API_KEY、YOUR_AUTH_DOMAIN、YOUR_PROJECT_ID等值替换为您自己的Firebase项目的配置信息。

在Angular应用的根模块（通常是app.module.ts）中导入必要的模块和配置。添加以下代码：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

在需要检索子集合的组件中，导入AngularFirestore模块，并注入AngularFirestore服务。然后，可以使用Firestore的collection()和doc()方法来检索子集合。以下是一个示例：

import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';

@Component({
  selector: 'app-my-component',
  template: `
    <ul>
      <li *ngFor="let item of subCollectionItems$ | async">{{ item.name }}</li>
    </ul>
  `
})
export class MyComponent {
  subCollectionItems$: Observable<any[]>;

  constructor(private firestore: AngularFirestore) {
    const parentCollectionRef = this.firestore.collection('parentCollection');
    const parentDocRef = parentCollectionRef.doc('parentDoc');
    const subCollectionRef = parentDocRef.collection('subCollection');

    this.subCollectionItems$ = subCollectionRef.valueChanges();
  }
}

在上面的示例中，我们首先获取父集合的引用，然后获取父文档的引用，最后获取子集合的引用。通过调用valueChanges()方法，我们可以订阅子集合的数据变化并在模板中进行展示。