可观察的下一个操作员使用混乱

时间:2016-11-23 18:13:06

标签: angular reactive-programming angularfire observable angularfire2

我正在使用codebase进行angularfire身份验证,我无法理解这段代码是如何工作的。

基本上我对如何使用observer.next()以及在哪种情况下感到困惑。

我知道这个方法应该返回一个可观察的但是如何对它进行.next()会有所帮助。

我还查看了next() here的文档,它是takelast的别名。

我仍然不明白这是如何运作的。

loginWithFacebook() {
     return Observable.create(observer => {
     if (this.platform.is('cordova')) {
        Facebook.login(['public_profile', 'email']).then(facebookData => {
        let provider = firebase.auth.FacebookAuthProvider.credential(facebookData.authResponse.accessToken);
        firebase.auth().signInWithCredential(provider).then(firebaseData => {
        this.af.database.list('users').update(firebaseData.uid, {
          name: firebaseData.displayName,
          email: firebaseData.email,
          provider: 'facebook',
          image: firebaseData.photoURL
        });
        observer.next();
      });
    }, error => {
      observer.error(error);
    });
  } else {
    this.af.auth.login({
      provider: AuthProviders.Facebook,
      method: AuthMethods.Popup
    }).then((facebookData) => {
      this.af.database.list('users').update(facebookData.auth.uid, {
        name: facebookData.auth.displayName,
        email: facebookData.auth.email,
        provider: 'facebook',
        image: facebookData.auth.photoURL
      });
      observer.next();
    }).catch((error) => {
      console.info("error", error);
      observer.error(error);
    });
  }
});

提前致谢!!!

2 个答案:

答案 0 :(得分:1)

该函数返回一个Observable,下一个并且errors将通知订户处理回调。像电子邮件客户端一样工作,您可以打开多个客户端,当“下一个”电子邮件进来时,他们会处理邮件。

答案 1 :(得分:1)

只是@tagunp用例子说的一些补充,这里是link to jsbin

它触发从观察者到订阅者的消息,其内部的值已发生变化,next()& error()回调。

var source = Rx.Observable.create(observer => {
    Rx.Observable.range(0,5).subscribe(
      data => { 
        console.log(data)
        if(data > 2) {
        // conveys to the subscriber of source
        // that values has changed
        observer.next("greater than 2");
      }
    }
  )
})

source.subscribe(
  data => console.log(data)
)

Output:-

0
1
2
3
"greater than 2"
4
"greater than 2"