使用 Getter 函数从 Angular 服务公开对象返回未定义 [英] Expose an object from an Angular service using Getter function return undefined
问题描述
代码如下:
authServ.getUser() 从任何地方返回 {}(一个空对象,对应于这个 var 的声明),即使在我根据这个 [问题][1] 对返回语法进行了修改之后.
authServ.getUser() returns {} (an empty object, which corresponds to the declaration of this var), from everywhere, even after the revision that I have made to the return syntax according to this [question][1].
任何人都可以请告知问题是什么?,我看不出它不应该工作的原因
Can anyone please advise what is the issue?, I don't see a reason why it shouldn't work
app.factory('authService', function($http){
var authServ = {};
var currentUser = {};
authServ.authUser = function(){
return $http.head('/users/me', {withCredentials: true});
},
authServ.getUser = function(){
return currentUser;
},
authServ.setCompany = function(companyId){
currentUser.company = companyId;
}
authServ.loadCurrentUser = function(){
$http.get('/users/me', {withCredentials: true}).
success(function(data, status, headers, config){
console.log(data);
currentUser.company = currentUser.company ? currentUser.company : data.main_company;
currentUser.companies = [];
for(var i in data.roles){
currentUser.companies.push(data.roles[i]['company_name']);
if(data.roles[i]['company'] == currentUser.company)
currentUser.role = data.roles[i]['role_type'];
}
console.log(currentUser);
}).
error(function(data, status, headers, config){
currentUser.role = 'guest';
currentUser.company = 1;
});
}
return authServ;
});
工作代码:
run(function($rootScope, $location, $http, authService){
$rootScope.$on("$routeChangeError", function(event, current, previous, rejection){
if(rejection.status == 401)
$location.path('/login');
})
authService.loadCurrentUser().then(function(){
console.log(authService.getUser());
});
});
app.factory('authService', function ($http) {
authServ = {};
that = this;
that.currentUser = {};
authServ.authUser = function () {
return $http.head('/users/me', {
withCredentials: true
});
},
authServ.getUser = function () {
return that.currentUser;
},
authServ.setCompany = function (companyId) {
that.currentUser.company = companyId;
},
authServ.loadCurrentUser = function () {
return $http.get('/users/me', {
withCredentials: true
}).
success(function (data, status, headers, config) {
console.log(data);
that.currentUser.company = that.currentUser.company ? that.currentUser.company : data.main_company;
that.currentUser.companies = [];
for (var i in data.roles) {
that.currentUser.companies.push(data.roles[i]['company_name']);
if (data.roles[i]['company'] == that.currentUser.company) that.currentUser.role = data.roles[i]['role_type'];
}
console.log(that.currentUser);
}).
error(function (data, status, headers, config) {
that.currentUser.role = 'guest';
that.currentUser.company = 1;
});
}
return authServ;
});
小提琴:http://jsfiddle.net/V9Ex6/1/
推荐答案
关闭问题.试试
app.factory('authService', function($http){
var authServ = {};
that = this; //that captures the current closure
this.currentUser = {};
authServ.getUser = function(){
return that.currentUser;
},
并更改 loadCurrentUser
以使用 that.currentUser
访问变量.
And change loadCurrentUser
to access to the variable using that.currentUser
.
编辑:
authService.loadCurrentUser();
console.log(authService.getUser());
由于loadCurrentUser
异步加载用户,因此不能保证打印出用户.您应该将 loadCurrentUser
更改为采用回调函数以获取用户值.
The user is not guaranteed to be printed out since loadCurrentUser
loads the user asynchronously. You should change loadCurrentUser
to take a callback function in order to get the user value.
希望有帮助.
这篇关于使用 Getter 函数从 Angular 服务公开对象返回未定义的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!