angularjs - 使用firebaseAuthClient和angularJS的正确方法

一直在玩Firebase和angularjs，只是试图将一些小东西放在一起。我现在在控制器中使用服务器上的身份验证，此功能在单击登录按钮时被调用：

$scope.signin = function(){
        var user1 = $scope.cred.user;
        var pass1 = $scope.cred.password;

        var ref = new Firebase("https://kingpinapp.firebaseio.com");
        var auth = new FirebaseAuthClient(ref, function(error, user) {
            if (user) {
                // user authenticated with Firebase
                console.log(user);


            } else if (error) {
                 // an error occurred authenticating the user
                 console.log(error);

                } else {
                // user is logged out
            }
        });
        auth.login('password', {
            email: user1,
            password: pass1,
            rememberMe: false
        });
        console.log("tracer");
}

现在，这很好并且可以正常工作。但是它似乎以异步方式工作，例如，我的console.log（“ tracer”）在auth.login的用户对象之前返回。我知道我可能需要与promises一起完成这项工作，并尝试执行以下操作：

var defer = $q.defer();
defer.auth
.then(function() {
    auth.login('password', {
        email: user1,
        password: pass1,
        rememberMe: false
    });
})
.then(function() {
    console.log("tracer");
})

但是我在控制器模块中声明了$ q后未收到定义。所以我想做的是


检查用户是否已登录。
等到我收到是/否
如果未登录。请使用auth.login
否则登录的用户用户会执行其他一些操作


我想到将auth.login函数放在变量auth的其他位置，但这似乎不起作用。只是试图找出理解如何使它起作用的正确逻辑。

最佳答案

您不想每个控制器都具有FirebaseAuthClient，但是您希望在用户的身份验证状态更改时向所有控制器发出警报。

FirebaseAuthClient将为您处理会话存储。用户成功登录后，您只需要隐藏登录屏幕/按钮即可。

尝试这样的事情：

.service('myAuthService', ["$rootScope", function($rootScope) {
    var ref = new Firebase("https://kingpinapp.firebaseio.com");
    this.auth = new FirebaseAuthClient(ref, function(error, user) {
        if (user) {
            $rootScope.$emit("login", user);
        }
        else if (error) {
            $rootScope.$emit("loginError", error);
        }
        else {
            $rootScope.$emit("logout");
        }
    });
}])

.controller('myCtrl', ["$scope", "$rootScope", "myAuthService", function($scope, $rootScope, myAuthService) {
    $scope.signin = function() {
        var user1 = $scope.cred.user;
        var pass1 = $scope.cred.password;

        myAuthService.auth.login('password', {
            email: user1,
            password: pass1,
            rememberMe: false
        });
    }
    // listen for user auth events
    $rootScope.$on("login", function(event, user) {
        // do login things
        $scope.user = user;
    })
    $rootScope.$on("loginError", function(event, error) {
        // tell the user about the error
    })
    $rootScope.$on("logout", function(event) {
        // do logout things
    })
}])

<button ng-show="user" ng-click="signin()">Sign in</button>