Angular 重新加载应用程序时解决

Question

如何在页面重新加载时延迟我的应用程序控制器（路由器中的 'resolve' 属性）的初始化？或者更好的问题是，如何延迟视图直到我的控制器检索到用户对象，特别是在页面重新加载时？

我目前在 ApplicationCtrl 的顶部有这个

if (localStorage.getItem('token') && localStorage.getItem('token') != 'null')
{
    sessionStorage.setItem('token', localStorage.getItem('token'))
}
if (sessionStorage.getItem('token') && sessionStorage.getItem('token') != 'null')
{
    UserSvc.getUser()
    .then(function (response) 
    {
        loadUser(response.data)
    })
    .then(function (error)
    {
        if (error) $scope.logout()
    })
}

这会检查身份验证令牌，然后使用该令牌从数据库中获取用户对象。

但问题是用户数据在页面出现后断断续续，因此我们的导航栏在几毫秒后用户的显示名称突然出现之前是空的。

如何将此视图的显示延迟到初始用户请求完成？

Answer 1

想通了。我刚刚创建了一个顶级 $scope 布尔值 $scope.initResolved ，它通过完成第一个用户检查（无论是否检索用户）而呈现为真，并设置 header 和 ng-view至 ng-if="initResolved"

$scope.initResolved = false

    if (localStorage.getItem('token') && localStorage.getItem('token') != 'null')
    {
        sessionStorage.setItem('token', localStorage.getItem('token'))
    }
    if (sessionStorage.getItem('token') && sessionStorage.getItem('token') != 'null')
    {
        UserSvc.getUser()
        .then(function (response) 
        {
            loadUser(response.data)
            $scope.initResolved = true
        })
        .then(function (error)
        {
            if (error) $scope.logout()
            $scope.initResolved = true
        })
    }
    else if ($location.url() == "")
    {
        $location.path('/welcome')
        $scope.initResolved = true
    }
    else $scope.initResolved = true

Answer 2

然后应将其放入您声明的 resolve 中，customService 将 return UserStatus 包含 promise 对象。然后你可以将这个服务添加到你的控制器，controller 会等到这个依赖得到解决。

resolve: function() {
    'UserStatus': function(UserSvc) {
        if (localStorage.getItem('token') && localStorage.getItem('token') != 'null') {
            sessionStorage.setItem('token', localStorage.getItem('token'))
        }
        if (sessionStorage.getItem('token') && sessionStorage.getItem('token') != 'null') {
            return UserSvc.getUser();
        }
    }
}

控制器

app.controller('myCtrl', function(UserStatus, $scope){
   UserStatus.then(function(data){
      //you will get response here
   })
})

Angular 重新加载应用程序时解决

Angular Resolve on Application Reload

javascript

promise

angularjs

angular-promise