显示来自 firebase 的所有用户

【问题标题】：display all the users from the firebase显示来自 firebase 的所有用户
【发布时间】：2019-10-05 09:43:54
【问题描述】：

我需要显示在 firebase 中创建的所有用户

我试图制作一个可观察的列表，但它没有显示任何内容

export class UsersListComponent implements OnInit {
  users: Observable<any[]> ;

  constructor(db2: AngularFireDatabase) {
    this.users = db2.list('/users').valueChanges();

          }

这是我的 HTML

<ul>
  <li *ngFor="let user of users | async">
     {{ user | json }}
  </li>
</ul>

我没有在屏幕上显示任何内容这是我的数据库火力基地

【问题讨论】：

标签： firebase pipe angular7 ngfor

【解决方案1】：

您的代码使用AngularFireDatabase，这是一个从实时数据库加载数据的类。但是您的屏幕截图显示您将数据存储在 Cloud Firestore 中。虽然这两个数据库都是 Firebase 的一部分，但它们是完全独立的，并且具有单独的 API。因此，您的代码从实时数据库中读取，而数据存储在 Cloud Firestore 中。

从reading data from collections 上的 AngularFire2 文档中，您似乎需要这样的东西：

this.usersCollection = afs.collection<>('users')
this.users = this.itemsCollection.valueChanges()

我强烈建议在继续之前阅读AngularFire2 documentation for Cloud Firestore。这不是很多，而且会为您节省很多走错路的时间。

【讨论】：