有人知道为什么我的范围变量没有更新吗?这让我难以置信。 sessionStorage 变量很好,但是当我在范围变量中定义它们时......我收到“未定义”错误。我已经修改了 $scope.$apply 但显然范围已经被消化了......:S请帮助新手。
if(sessionStorage.loggedIn){
$scope.user = sessionStorage.user;
$scope.user.gravatar = sessionStorage.gravatar;
console.log($scope.user.gravatar);
console.log('Session variable is active');
$scope.loggedIn = sessionStorage.loggedIn;
}
完整代码:
app.controller('loginCtrl', ['$scope','$route','Auth','$modal','$timeout', function($scope,$route,Auth,$modal,$timeout){
if(sessionStorage.loggedIn){
$scope.user = sessionStorage.user;
$scope.user.gravatar = sessionStorage.gravatar;
console.log($scope.user.gravatar);
console.log('Session variable is active');
$scope.loggedIn = sessionStorage.loggedIn;
}
$scope.login = function(){
Auth.save({
'username': $scope.username,
'password': $scope.password
},function(data) {
$scope.loggedIn = true;
$scope.user = data.user;
$scope.user.gravatar = data.gravatar;
sessionStorage.loggedIn = $scope.loggedIn;
sessionStorage.user = data.user;
sessionStorage.gravatar = data.gravatar;
$route.reload();
},function(response){
$scope.flash = response.data.flash;
$scope.pop = true;
$timeout(function(){$scope.pop = false;}, 3000);
})
};
$scope.logout = function (){
Auth.get({},function(){
delete sessionStorage.user;
delete sessionStorage.gravatar;
delete sessionStorage.loggedIn;
$scope.loggedIn = false;
$timeout(function(){$route.reload();}, 1000);
})
};
}]);
事件链摘要:
1)用户登录
2)成功登录后,用户的详细信息(json对象)存储在sessionStorage.user = data.user
data.user 变量通常包含此类信息{id: 1, username: "user123", firstname: "", lastname: "", email: "[email protected] /cdn-cgi/l/email-protection"}
- 用户的 gravatar 哈希值也存储在 sessionStorage.user.gravatar 变量中。
3) 如果用户注销,sessionStorage 变量将被删除。
4)但是,如果用户仍然登录,刷新/重新加载页面(从浏览器),sessionStorage变量仍然处于活动状态,并且仍然包含数据,BUT由于某种原因,当我设置范围变量时,例如。$scope.user = sessionStorage.user
-- 尽管 sessionStorage.user 完全可行,但范围变量仍然未定义。问题似乎与范围有关。