javascript - 使用 Angular 从 Firestore 数据库返回多个集合

Question

我有一个 Ionic 应用程序，我在该服务上声明了一个函数，该函数应该从 Firestore 数据库中获取多个集合并且必须返回所有这些集合。

我已经设法在这样的服务部分获得了一个集合:

read_Divisions() { 
  return this.firestore.collection('divisions').snapshotChanges();
}

这是页面 typescript

ngOnInit() {
    this.crudService.read_Divisions().subscribe(data => {
      this.Divisions = data.map(e => {
        return {
          Name: e.payload.doc.data()['name'],
        };
      })
    });
}

这是我对多个集合的服务函数的想法:

read_Divisions() {
    let divisions = this.firestore.collection('divisions').snapshotChanges();
    let teams = this.firestore.collection('teams').snapshotChanges();
    return [divisions,teams];
}

我在页面上获取一个集合的方式似乎不适用于数组。最好的方法是什么？

Answer 1

您可以使用 forkJoin等待多个可观察对象，在这种情况下进行两个单独的查询，因此代码可能如下所示:

readDivisions() {
    return forkJoin({
        divisions: this.firestore.collection('divisions').snapshotChanges(),
        teams: this.firestore.collection('teams').snapshotChanges()
    });
}

在您的代码的另一个地方，您将订阅 readDivisions:

readDivisions.subscribe(result => console.log(result));

它会像这样:

{divisions: [], teams: []}