在页面重新加载时处理Firebase中的异步身份验证，以获取需要用户uid的列表

Question

使用Angularjs。 在触发Firebase身份验证事件并有机会设置当前用户之前，您如何处理某人重新加载页面且控制器尝试使用当前用户的uid查询Firebase的情况？

详细信息：Firebase查询需要用户的uid，并且通过$ state.go（'/ list'）导航到路由时，一切正常

但是，当有人重新加载页面时，控制器会检查该用户是否存在，直到触发此事件处理程序为止：

auth.onAuthStateChanged(function(user) {
    if (user) {
      //Set user
      UserSrvc.currentUser = user;
    } else {
      $state.go('/login');
    }
});



app.controller('ListCtrl', function($scope, UserSrvc, Posts ) {

    if (!UserSrvc.currentUser){
        UserSrvc.getUser();
    };

    $scope.posts = Posts.list(); <--THIS GENERATES ERROR, SINCE NO USER YET
})

如果Firebase仍然具有同步auth调用，这将不是问题，因为我可以在控制器的开头进行检查和调用。

所以：

1. 处理这种情况的最佳方法是什么。
2. 如果用户未登录，则如何在不执行Posts.list（）的情况下UserSrvc.getUser（）导航到$ state.go（'/ login'）？

Answer 1

实现此目的的常用方法是将帖子的加载移动到onAuthStateChanged() ：

app.controller('ListCtrl', function($scope, UserSrvc, Posts ) {        
  auth.onAuthStateChanged(function(user) { $timeout(function() {
    if (user) {
      UserSrvc.currentUser = user;
      if (!UserSrvc.currentUser){
        UserSrvc.getUser();
      };

      $scope.posts = Posts.list();

    } else {
      $state.go('/login');
    }
  })});
});

您会注意到我在其中添加了$timeout() ，因为否则Angular不会知道我们对$scope所做的更新。

请注意，我们有一个专用的库将Firebase绑定到AngularFire ，将其绑定到AngularJS ，它会自动为您执行很多操作。