3

我正在使用 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

有任何想法吗?

4

2 回答 2

0

不确定这是否适用于您的情况,但是

$rootScope.$on('$includeContentLoaded', function () {
    //fetch user here
}

解决了我遇到的类似问题

于 2015-09-23T12:14:46.447 回答
0

你可以做几件事,这里是其中两个的例子。检查这个小提琴中的控制台

1. 观察变量的变化:

首先是观察$rootScope.user控制器的变化:

应用程序运行:

$timeout(function() {
    $rootScope.user = 'user';
}, 500)

在您的控制器中:

$rootScope.$watch('user', function(newVal, oldVal) {
   console.log(newVal, $rootScope.user); 
});

如果您不想在每次用户变量更改时继续执行代码,您也可以“取消监视”。

2. 发出事件

第二个是发出一个事件,并在需要的地方捕获它,如下所示:

应用程序运行:

$timeout(function() {
    $rootScope.user = 'user';
    $rootScope.$broadcast('userEvent');
}, 500)

你的控制器:

$rootScope.$on('userEvent', function() {
    console.log($rootScope.user);
});
于 2015-09-24T07:21:16.923 回答