angular2 监听 Firebase 的变化

Question

我是 Firebase 的新手，我想监听数据库中的变化。

这是我尝试过的

constructor(
  private af:AngularFire,
 ){

  this.af.database().ref('registered').on('value', function(snapshot) { //syntax error
    console.log("changed");
  });

  }

如何使用 Firebase 和 angular2 监听变化？

我也尝试在 OnInit 上进行设置

OnInit(){
    this.af.database().ref('registered').on('value', function(snapshot) {
      console.log("changed");
     });

}

并返回错误this.af.database is not a function。

Answer 1

您正在使用带有 Firebase SDK 语法的 Angularfire。

使用 AngularFire，你必须使用这样的东西：

import {Observable} from 'rxjs/Observable';

items: Observable<any[]>;
constructor(af: AngularFire) {
  this.items = af.list('/registered');
}

如果您只想使用 Firebase sdk，您可以这样做（假设您的项目中有 firebase 文件）：

import firebase from 'firebase';
constructor(){}

OnInit(){
  firebase.database().ref('registered').on('value', snapshot => {
    console.log('changed');
  })
}

编辑

正如评论中所说，可以订阅 observable 以便在其中执行另一个函数。该函数将一直执行，直到 observable 被取消订阅。