angularjs - Thinkster.io Angular 第 6 章错误 - auth.logout() 不起作用

Question

如果看过 thinkster.io augularjs 教程的人会熟悉下面的代码。我面临以下错误。

<ul class="nav navbar-nav navbar-right" ng-show="signedIn()">
    <li>
        <a href="#" ng-click="logout()">Logout</a>
    </li>
</ul>

首先，注销按钮没有显示。添加单引号后，它出现了

<ul class="nav navbar-nav navbar-right" ng-show="'signedIn()'">

但是当我单击注销时，用户并未注销。

nav.js代码

app.controller('NavCtrl', function ($scope, $location, Post, Auth) {
    $scope.post = {url: 'http://', title: ''};

    $scope.submitPost = function () {
      Post.create($scope.post).then(function (ref) {
        $location.path('/posts/' + ref.name());
        $scope.post = {url: 'http://', title: ''};
      });
    };

    $scope.logout = function () {
      Auth.logout();
    };

});

services/auth.js 代码

app.factory('Auth', function($firebaseSimpleLogin, FIREBASE_URL, $rootScope){
    var ref = new Firebase(FIREBASE_URL);

var auth = $firebaseSimpleLogin(ref);

var Auth = {
    register: function(user){
        return auth.$createUser(user.email, user.password);
    },
    signedIn: function(){
        return auth.user !== null;
    },
    logout: function(){
        auth.$logout();
    }

};
$rootScope.signedIn = function(){
    return Auth.signedIn();
};
return Auth;

} );

Answer 1

由于我自己遇到了这个问题并检查了 GitHub 问题，因此您需要执行以下操作。

在您的 Auth 服务上创建一个 login 方法，如下所示:

login: function(user) {
    return auth.$login('password', user);
}

在您的身份验证 Controller 中，您需要在注册后登录，如下所示:

Auth.register($scope.user).then(function (authUser) {
    Auth.login($scope.user); // user is now logged in
});

由于您的登录方法返回一个 promise ，因此您可以在用户登录后执行任何您喜欢的操作。