通过Angular/Fire/RXJ从Firestore检索数据

Question

我正在尝试从Firestore实例中获取收集数据，并且不想使用ValueChanges {IDField：ID}。到目前为止，这是唯一以某种方式处理某些数据并使输出接近我需要的解决方案。

我是Angular＆amp;角度/火以及RXJS，并且一般都在努力理解可观察到的，管道，地图和RXJ。

我在这里想念什么？

async fetchJobs() {
  let jc = await collection(this.firestore, 'jobs');
  let cSN = await collectionSnapshots(jc);
  let jobsArr = cSN.pipe(
    map((data) =>
      data.forEach((d) => {
        let jobsData = d['_document']['data']['value']['mapValue'][
          'fields'
        ] as Job;
        const newData = {
          id: d.id,
          title: jobsData.title,
          subtitle: jobsData.subtitle,
          description: jobsData.description,
          publish: jobsData.publish,
          img: jobsData.img,
        } as Job;
        return newData;
      })
    )
  );
}

Answer 1

这应该起作用。

fetchJobs(): Observable<Job[]> {
   const jc = collection(this.firestore, 'jobs')
   return collectionSnapshots(jc)
   .pipe(
     map((snapshots) =>
      snapshots.map((snapshot) => {
        return { ...snapshot.data(), id: snapshot.id } as Job
      })
     )
   )
}

这等同于：

fetchJobs(): Observable<Job[]> {
   const jc = collection(this.firestore, 'jobs')
   return collectionData(jc, { idField: 'id' })
   .pipe(
     map((data) => data as Job[])
   )
}

由于您只需要获取作业数据，CollectionData（）是更合适的。

collectionsNapShots（）当您需要对每个作业执行其他操作（例如更新/删除每个作业）时，可能会很有趣，这是可以使用snapshot.ref.ref

示例：

fetchJobs() {
   const jc = collection(this.firestore, 'jobs')
   return collectionSnapshots(jc)
}

deleteAllJobs() {
   fetchJobs()
   .pipe(take(1))
   .subscribe(snapshots =>
      snapshots.map((snapshot) => {
        deleteDoc(snapshot.ref)
      })
   )
}

这仅仅是一个例子，逻辑可能不适用于您的用例。