javascript - Firebase 多次登录用户

Question

每次我点击登录按钮时都会发生这种情况。

首次登录:回调显示2次登录

第一次登出

第二次登录:回调显示4次登录

第二次退出

第三次登录:回调现在显示连续 5 次登录

等等

这是我的登录函数:

$scope.userLogin = function(user){
        $scope.userLoginEmail = user.email;
        $scope.userLoginPassword = user.password;

        $scope.authUser().login('password', {
            email: $scope.userLoginEmail,
            password: $scope.userLoginPassword
        });
        $scope.loginModalHide();
        user.email = '';
        user.password = '';
    };

我的问题很简单。为什么会这样？有时即使我点击注销，也会自动调用登录。

Answer 1

从您的 AuthCtrl 来看，您似乎正在使用没有 AngularFire 绑定(bind)的 FirebaseSimpleLogin。您将以这种方式遇到 $digest 循环的问题。使用 AngularFire 的好处之一是它可以很好地处理 $digest 循环，因此我们不必担心应用范围或设置超时。

AngularFire 提供了一个$firebaseSimpleLogin 绑定(bind)。当用户登录和注销时，将在 $rootScope 上触发一个事件。

app.controller('AuthCtrl', function($scope, $rootScope, $firebaseSimpleLogin) {
  var simpleLogin = $firebaseSimpleLogin(new Firebase('<your-firebase>'));

  $scope.user = {
    email: '',
    password: ''
  };

  $scope.login = function() {
    simpleLogin.$login('password', {
      email: user.email,
      password: user.password
    });
  };

  $rootScope.$on('$firebaseSimpleLogin:login', function(e, user) {
    // handler post login event
  });

  $rootScope.$on('$firebaseSimpleLogin:logout', function(e, user) {
    // handler post logout event
  });

});

我通常将 $firebaseSimpleLogin 绑定(bind)封装在工厂中。您可以在此处查看有关 Plunker 的演示示例:

Plunker Demo