使用 Angular 以 Json 形式检索 Firebase 实时数据库答案

【问题标题】：Retrieve Firebase realtime database in Json form using Angular使用 Angular 以 Json 形式检索 Firebase 实时数据库
【发布时间】：2021-11-24 12:42:35
【问题描述】：

我使用 Google Script 将数据从 Google 表格发送到 firebase 实时数据库。在这里，我试图以 json 形式检索这些数据。我的实时数据库如下所示： [![在此处输入图像描述][1]][1] 我的服务.ts

getRealData():Observable<any>{
      return  this.afs.collection('draft-memorial-default-rtdb')
      .snapshotChanges().pipe(
      map(item => {
      return item.map(value => {
        const ref = value.payload.doc.data();
        console.log(ref);
        return {
        ref
        };
       
      });
    })
  );
}

组件：

ngOnInit() {
   this.auth.getRealData().subscribe(res=>console.log(res));
  }

我已经完成了其他数据库，但是对于实时数据库，如果数据是使用谷歌脚本从谷歌表格存储的，我们如何检索数据？ [1]：https://i.stack.imgur.com/D2Kfv.png

【问题讨论】：

标签： javascript angular firebase firebase-realtime-database angularfire

【解决方案1】：

我找到了解决方案：服务.ts

getAll(): AngularFireList<any> {
      return this.tutorialsRef;
    }

组件

ngOnInit() {
   this.getRealData();
  }
getRealData(): void {
  this.auth.getAll().snapshotChanges().pipe(
    map(changes =>
      changes.map(c =>
        ({ key: c.payload.key, ...c.payload.val() })
      )
    )
  ).subscribe(res => {
    this.data = res;
    console.log(res);
  });
}

它返回带有有效负载的键值。

【讨论】：