javascript - Angular 服务变量不更新

Question

我有以下服务(伪代码)

app.service('user', function($http) {
    function login(email, password, callback) {
        // login user
        // set isLoggedIn to true
        // assign the returned user object to userData
        // issue callback
    };

    return {
        isLoggedIn: false,
        userData: null,
        login: login
    };
});

这是我的登录 Controller :

app.controller('LoginController', function($scope, $http, $location, user) {
    user.login($scope.email, $scope.password, function(isSuccess, data, status) {
        if (isSuccess) { $scope.onSuccessfulLogin(); }
        else { $scope.loginStatusMessage = data; }
    });

    $scope.onSuccessfulLogin = function() {
        $location.path('/someOtherPage');
    };
});

这是 /someOtherPage 中使用的 Controller

app.controller('SomeOtherPageController', function($scope, $http, $modal, user) {
    // lots of stuff in here
    // I put a breakpoint on the first line and user.isLoggedIn is false
    // even though it was definitely set to true when the user logged in.
)};

一旦使用 user 服务登录时发出回调，如果登录成功，用户将被带到具有不同 Controller 的不同页面，上面的 user 服务被注入(inject)。问题是如果登录成功，虽然我可以看到 isLoggedIn 和 userData 变量被正确分配，但在新 Controller 中它们仍然是 false 和 null 分别。

我在这里错过了什么吗？每当 user 像单例一样注入(inject)时，我都需要相同的值。

谢谢

Answer 1

您需要使用服务，而不是工厂。服务返回您的函数的一个实例。这意味着一旦注入(inject)，每个人都将使用相同的实例。在你的情况下，你正在使用一个工厂(自从我发布我的答案后你已经更新了它)，并且每次注入(inject)它时它都会返回从函数返回的值。最好的 SO 帖子在这里 AngularJS: Service vs provider vs factory

当我想将这一点带回家时，我倾向于使用服务。我想让人们知道，如果他们注入(inject)这个，每个人都会共享同一个对象。我经常将它与缓存和用户一起使用。

app.service('user', function($http) {
    var that = this;

    this.isLoggedIn = false;
    this.login = function(email, password, callback) {
       that.isLoggedIn = true;
       // login user
       // set isLoggedIn to true
       // assign the returned user object to userData
       // issue callback
    };
    return this;
})