1

我有一个 loginService 工厂，用于执行登录、注销并向控制器提供用户数据。因为每次登录状态更改时我都需要更新控制器中的用户数据，所以我的工厂方法返回了一个更新承诺：

app.controller('TestCtrl', function ($scope, loginService) {
    loginService.currentUserData().then(null, null, function(CurrUserData){
        $scope.CurrUserData = CurrUserData;
    });
});

在 loginService 中，我正在监听 $firebaseSimpleLogin:login/logout 事件，在它们被触发后，我将 userdata 对象（由基于 UID 的函数返回）或 null（$fbSimpleLogin:logout 事件）传递给 $emit。最后，在我的 loginService.currentUserData() 方法中，我正在监听这个发出的事件并返回 deferred.notify(userdata/null)。

第一个问题是，当我更改视图（模板+ctrl+位置）时，我需要调用 $firebaseSimpleLogin:login/logout 事件来将我的 userData 传递给新控制器。现在，我通过 $locationChangeStart 事件来做，但应该有更好的方法......

最后一个问题：当我改变视图时，数据调用比我预期的要多。可能每个控制器都通过调用 loginService.currentUserData() 在 $rootScope 上添加事件监听器？描述代码如下：

$rootScope.$on('$firebaseSimpleLogin:login', function (e, authUser) {
    findUserByUid(authUser.uid);
});
$rootScope.$on('$firebaseSimpleLogin:logout', function() {
    $rootScope.$emit('userLogout', null);
});
$rootScope.$on('$locationChangeStart', function(event, next, current) { 
    currentUser().then(function(u){ 
        $timeout(function() { // without this same event on viewchange is fired
// by simplelogin, collision (I need to replace this whole block with invoking simpleloginevent)
            if (u) {$rootScope.$emit('$firebaseSimpleLogin:login', u);
            } else {$rootScope.$emit('$firebaseSimpleLogin:logout', null);};
        }, 150);
    });
});
function findUserByUid (uid) {
    var query = $firebase(usersRef.startAt(uid).endAt(uid));
    query.$on('loaded', function () {
        var username = query.$getIndex()[0];
        setCurrentUser(username);
    });
}
function setCurrentUser (username) {
    if (username) {$rootScope.$emit('userData', $firebase(usersRef).$child(username));};
}
var currentUserData = function () { // this method is used in CTRLs
    var deferred = $q.defer();
    var uDl = $rootScope.$on('userData', function(e, FbUserData){deferred.notify(FbUserData); });
    var uLl = $rootScope.$on('userLogout', function(){deferred.notify(null); });
    return deferred.promise;
};
4

1 回答 1

1

我最近编写了一个具有类似功能的演示 AngularFire 应用程序。我发现处理这个问题的方法只需要担心三点。

  1. 当用户登录时$rootScope.$on('$firebaseSimpleLogin:$login')

  2. 当用户注销时$rootScope.$on('$firebaseSimpleLogin:$logout')

  3. 打电话$getCurrentUser()

这将能够捕获登录生命周期。由于您需要知道当前用户是谁，您可以依赖 $firebaseSimpleLogin 方法而不是尝试 $emit 您自己的事件。

您还可以在 $routeProvider 中为每个视图解析当前用户。这样，在加载用户之前不会呈现每个视图。

这是 plunker 项目和示例工厂： http ://plnkr.co/edit/M0UJmm?p=preview

// Auth factory that encapsulates $firebaseSimpleLogin methods
// provides easy use of capturing events that were emitted
// on the $rootScope when users login and out
.factory('Auth', function($firebaseSimpleLogin, Fb, $rootScope) {
  var simpleLogin = $firebaseSimpleLogin(Fb);
  return {
    getCurrentUser: function() {
      return simpleLogin.$getCurrentUser();
    },
    login: function(provider, user) {
      simpleLogin.$login(provider, {
        email: user.email,
        password: user.password
      });
    },
    logout: function() {
      simpleLogin.$logout();
    },
    onLogin: function(cb) {
      $rootScope.$on('$firebaseSimpleLogin:login',
        function(e, user) {
          cb(e, user);
        });
    },
    onLogout: function(cb) {
      $rootScope.$on('$firebaseSimpleLogin:logout',
        function(e, user) {
          cb(e, user);
        });
    }
  }
})
于 2014-06-29T00:14:43.980 回答