使用 AngularFire 检索数据答案

【问题标题】：retrieving data with AngularFire使用 AngularFire 检索数据
【发布时间】：2020-03-06 18:26:46
【问题描述】：

我有一个包含文档的 firebase 集合。我还有一个配置了 AngularFireModule 和 AngularFirestoreModule 的 Angular 8 应用程序。在我的组件中，我想检索一个集合的所有文档。这是一个代码sn-p：

  constructor(
    private firestore: AngularFirestore
  ) {
    this.rowData = this.firestore
      .collection("invoices")
      .get()
      .subscribe(res => {
        console.log(res);
      });

如果我渲染组件，我不会收到任何错误消息，也不会收到任何数据。控制台的输出是

[]
length: 0
__proto__: Array(0)

检查网络选项卡显示有发送到https://google.firestore.com 的请求，但响应不包含任何数据。我不确定我错过了快速入门 (https://github.com/angular/angularfire) 的哪一部分。虽然我没有在模板中使用 Async 管道从 AngularFire 解析 Observer，但这应该也可以。

相关的 package.json 条目：

"@angular/core": "~8.2.9",
"@angular/fire": "^5.4.2",
"firebase": "^7.9.1",

【问题讨论】：

标签： angular angularfire

【解决方案1】：

您需要订阅valueChanges 或snapshotChanges 而不是get

https://github.com/angular/angularfire/blob/master/docs/firestore/collections.md#streaming-collection-data

【讨论】：