Question

bootstrap.js

angular.element(document).ready(function() {
    var auth = angular.injector(['auth', 'ngStorage', 'ng']).get('auth');
    auth.user().then(function(user){
        if (user && user.id) {
            angular.bootstrap(document, ['app']);
        }
    });
});

auth.js

module.provider('auth', [function(){
    this.$get = ['$http', '$localStorage', function($http, $storage){
        return {
            _user: null,

            user: function(){
                var self = this;

                return $http.get('/auth/user').then(function(response){
                    self._user = response.data;
                    console.log(self._user); // <- has the user object
                    return self._user;
                });
            },
        }
    }]
}]);

app.js

module.run(function(auth, $state){
    console.log(auth._user); // <- is null
});

在我的应用中，当我注入auth服务时，状态似乎已丢失 - 或者，注入的auth是一个新实例（不是单例）。

有人可以解释原因吗？

Answer 1

服务，工厂和提供商之间的差异：https://stackoverflow.com/a/15666049/1735789

提供商

语法：module.provider（'providerName'，function）; 结果：当将providerName声明为可注入参数时，将为您提供（new ProviderFunction（））。$ get（）。在调用$ get方法之前实例化构造函数 - ProviderFunction是传递给module.provider的函数引用。

AngularJS - 提供者状态丢失了，或者它不是单身人士？

1 个答案: