在Angular中创建Firestore文档后如何获取文档ID并添加子集合

获取新建项目的文档ID #

addDoc方法返回的Promise会resolve出一个DocumentReference对象，该对象的id属性就是新建文档的ID。你可以通过两种方式拿到这个ID：

方式1：调用addProject时直接获取 #

在调用addProject的地方，通过Promise回调拿到文档引用进而获取ID：

// 示例调用代码（在组件或其他服务中）
this.projectService.addProject(yourProjectData).then(docRef => {
  const newProjectId = docRef.id;
  // 立即调用addService创建子集合文档
  this.projectService.addService(newProjectId, yourServiceData);
});

同时修改addService函数，让它接收projectId参数：

addService(projectId: string, service: any) {
  // 正确构建子集合路径：projects/{projectId}/projectDetailService
  const serviceCollection = collection(this.firestore, 'projects', projectId, 'projectDetailService');
  return addDoc(serviceCollection, service);
}

方式2：修改addProject直接返回ID #

如果希望addProject函数直接返回新建文档的ID，用async/await重构：

async addProject(project: any): Promise<string> {
  const projectsCollection = collection(this.firestore, 'projects');
  const docRef = await addDoc(projectsCollection, project);
  return docRef.id;
}

调用时更简洁：

this.projectService.addProject(yourProjectData).then(projectId => {
  this.projectService.addService(projectId, yourServiceData);
});

关键说明 #

• 必须正确处理异步操作：addDoc是异步方法，不能同步获取结果，必须通过Promise的.then()或async/await等待结果返回
• Firestore的collection函数支持传入路径分段参数，collection(firestore, '集合名', '文档ID', '子集合名')是创建子集合引用的标准写法

内容的提问来源于stack exchange，提问作者André