如何停止AngularFire2功能？

Question

我正在使用AngularFire2身份验证。 一切正常。 现在我想要实现的是，检查用户是否已经在用户列表中，然后在下次单击facebook登录按钮时更新lastLogin。

否则创建一个新用户。

这很好。 但是我无法停止updateLogin（）/ _addUser（）函数以在更新数据库后停止。

它一直在继续。 （89 ...）auth.service.ts：98已成功登录！

这是updateLogin（）

private _updateLogIn(thisurl, data) {
    return thisurl.update({ 
        lastLogIn: firebase.database.ServerValue.TIMESTAMP,
        avatar: data.photoURL
      }).then((success) => {
        console.log("successfully logged in!");
      }); ;
  }

我用authentication（）函数称其为：

login(provider: string) {
    this.af.auth.login({
      provider: this._getProvider(provider)
    }).then(
        (success) => {
       this.authenticate(success);
   })
   return;
  }

    authenticate(user: any): any {
         if(!user) {
          return {};
        } else {
        let data = user.auth.providerData[0];
        this.api_url = this.af.database.object(`${this.path}/${user.auth.uid}`);
         this._isUsers().subscribe(value => {
           var filtered =  value.filter(function(item) {
                return item.uid === user.auth.uid;
            });
            if(filtered.length > 0){this._updateLogIn(this.api_url, data); return; }
            else{ this._addUser(this.api_url, user, data); return;
               }
          });
         return;
        }
      }

 _isUsers(){
   return this.usersList.map(snapshot => {
         return snapshot;
     });
  }

private _addUser(thisurl, user, data){
    return thisurl.set({
          name: data.displayName,
          username: data.displayName.replace(/ /g,"."),
          avatar: data.photoURL,
          email: data.email,
          provider: data.providerId,
          uid: user.auth.uid,
          lastLogIn: firebase.database.ServerValue.TIMESTAMP
      }).then((success) => {
        console.log("successfully signed up!");
        return;
      }); 
 }

如何停止功能执行一次？ 这基本上会破坏我的浏览器标签。

（89 ...）auth.service.ts：98已成功登录！

Answer 1

问题最像与_isUsers()返回的observable有关。 尽管不清楚问题的代码，但该函数返回的this.usersList似乎是所有用户的AngularFire2 list 。

每当数据库更改时，AngularFire2 list和object可观察object都会发出数据，因此在_updateLogIn设置用户数据很可能会导致发出另一个用户列表， _updateLogIn 。

要解决该问题，可以使用第first运算符：

import 'rxjs/add/operator/first';

this._isUsers().first().subscribe(...)

但是，尚不清楚为什么首先需要订阅该可观察项。 您可能要考虑重构问题中的代码，因为它看起来过于复杂。

通常最好避免尽可能多的subscribe呼叫。 您可能需要阅读RxJS：不要退订 。