如何使用angular和firestore检索Firebase中的实时变化

时间:2018-11-10 15:27:17

标签: angular firebase ionic-framework angularfire2

我对可观察性和火力基础还很陌生。发生更改时,我想从Firestore到我的角度应用程序中获取更改。例如,当我的用户文档中的字段isOnline从false更改为true时,我想从组件发送警报(这将由管理员完成)。我该怎么办?

从虚幻的例子中得到;

constructor(db: AngularFirestore) {
this.user = db.collection('users/1').valueChanges().subscribe((userData) => {
// put your logic here
console.log(userData);;
}

如果userdata的字段为isOnline,则从一开始就为假。如果管理员将其更改为true,我想从该服务中获取该更改并提醒我的组件,或者在这种情况下,请对该更改的通知页面并在我的html文件中显示提醒。

如果在我的ts文件中,我有一个公共变量,比如说isOnline,我将其初始化为false。如果为true,则在我的html文件中显示alrt控制器。我该怎么办?

1 个答案:

答案 0 :(得分:1)

如果您使用angularfire2,则可以简单地使用valueChanges()实例的AngularFireList<T>方法。

例如:

constructor(db: AngularFirestore) {
    this.user = db.collection('users/1').valueChanges().subscribe((userData) => {
   // put your logic here
   console.log(userData);;
 }

userData包含users/1文档中的最新信息。

有关更多示例和基本用法的详细信息,请检查repository page