我正在使用 AngularJS 进行 SPA。登录后,使用令牌创建一个 cookie,并存储一个用户对象,$rootScope.user
这些用户对象可以方便地从各种控制器访问,因为它们是动态加载的。
当我正常使用它并四处导航时,该应用程序工作正常。
当我用 F5 刷新页面时,重新加载 angular 并且模块 run() 方法检查 cookie 是否存在并将用户从服务器重新加载到$rootScope.user
. 然而,在发生这种情况时,另一个控制器已经期望$rootScope.user
有一个用户。
$rootScope.user
在我准备好并加载之前,如何防止控制器初始化。如果可以,当然,检查控制器是否加载了用户$rootScope
。但是如果没有,如何$rootScope
调用控制器来进行一些初始化呢?
这是 app.run() 中的代码:
app.run(function ($rootScope, $location, $cookies, appServices) {
var token = $cookies.get('UserToken');
if (token) $rootScope.token = token;
$rootScope.$on("$routeChangeStart", function (event, next, current) {
// Get user from server if token is there but no user
if ($rootScope.user == null) {
if ($rootScope.token) {
appServices.getUserByToken(token).then(function (d) {
if (d.Code == 1) {
$rootScope.user = d.ReturnObj;
if ($rootScope.user != null && next.templateUrl == "web/views/signin.html") $location.path("/dashboard");
} else $rootScope.goSignin(next.templateUrl);
});
}
else $rootScope.goSignin(next.templateUrl);
}
});
})
这是动态加载的控制器中的示例代码:
app.registerCtrl('userdetailCtrl', function userdetailCtrl($scope, $http, $rootScope, $routeParams, appServices, $location, validationService) {
$scope.getOffices=function()
{
appServices.getOffices({ ID: $rootScope.user.OrgID, Token: $rootScope.token }).then(function (d){
if(d.Code==1){$scope.office = d.ReturnObj;}});
}
$scope.getOffices();
});
getOffices()
函数 requires ,由于尚未加载$rootScope.user.OrgID
,因此未找到。$rootScope.user
有任何想法吗?