如何使用angular和firestore检索firebase中的实时更改

如何使用angular和firestore检索firebase中的实时更改,angular,firebase,ionic-framework,angularfire2,Angular,Firebase,Ionic Framework,Angularfire2,我对可观测物和火基相当陌生。我想在发生更改时从firestore检索到angular应用程序的更改。例如,当我的用户文档中的字段isOnline从false更改为true时,我希望从我的组件发送警报(这将由管理员完成)。我该怎么做呢 从虚幻给出的例子 constructor(db: AngularFirestore) { this.user = db.collection('users/1').valueChanges().subscribe((userData) => { // put

我对可观测物和火基相当陌生。我想在发生更改时从firestore检索到angular应用程序的更改。例如,当我的用户文档中的字段isOnline从false更改为true时,我希望从我的组件发送警报(这将由管理员完成)。我该怎么做呢

从虚幻给出的例子

constructor(db: AngularFirestore) {
this.user = db.collection('users/1').valueChanges().subscribe((userData) => {
// put your logic here
console.log(userData);;
}
如果userdata有一个字段,比如isOnline,从一开始就是false。如果管理员将其更改为true,我希望从该服务中获取该更改并向我的组件发出警报,或者在本例中,我的ionic页面将显示该更改并在html文件中显示警报


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

如果您使用的是angularfire2,只需使用
AngularFireList
实例的
valueChanges()
方法即可

例如:

constructor(db: AngularFirestore) {
    this.user = db.collection('users/1').valueChanges().subscribe((userData) => {
   // put your logic here
   console.log(userData);;
 }
userData
包含您的
users/1
文档中的最新信息


有关更多示例和基本用法详细信息,请查看。

如果您使用的是angularfire2,只需使用
AngularFireList
实例的
valueChanges()
方法即可

例如:

constructor(db: AngularFirestore) {
    this.user = db.collection('users/1').valueChanges().subscribe((userData) => {
   // put your logic here
   console.log(userData);;
 }
userData
包含您的
users/1
文档中的最新信息


有关更多示例和基本用法详细信息,请查看。

到目前为止您尝试过什么吗?到目前为止您尝试过什么吗?好的,这实际上很有帮助。我需要进一步的帮助。我将使用您给出的示例更新我的代码,使我的问题更加精确。好的,这实际上很有用。我需要进一步的帮助。我将使用您给出的示例更新我的代码,使我的问题更加精确。