Javascript 应用程序重新加载时的角度分辨率
如何在页面重新加载时延迟应用程序控制器(路由器中的“resolve”属性)的初始化?或者更好的问题是,如何延迟视图直到我的控制器检索到用户对象,特别是在页面重新加载时 我目前在我的应用程序TRL的顶部有这个Javascript 应用程序重新加载时的角度分辨率,javascript,angularjs,promise,angular-promise,Javascript,Angularjs,Promise,Angular Promise,如何在页面重新加载时延迟应用程序控制器(路由器中的“resolve”属性)的初始化?或者更好的问题是,如何延迟视图直到我的控制器检索到用户对象,特别是在页面重新加载时 我目前在我的应用程序TRL的顶部有这个 if (localStorage.getItem('token') && localStorage.getItem('token') != 'null') { sessionStorage.setItem('token', localStorage.getItem('
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()
})
}
这将检查身份验证令牌,然后使用该令牌从数据库获取用户对象
但问题是,页面出现后,用户数据会断断续续地进入,因此在几毫秒后用户的显示名称突然出现之前,导航栏是空的
如何延迟此视图的显示直到初始用户请求完成?解决了这个问题。我刚刚创建了一个顶级$scope boolean$scope.initResolved,通过完成第一次用户检查(无论它是否检索用户)将其呈现为true,并将标头和ng视图设置为ng if=“initResolved”
然后应该将其放入您状态的
resolve
,customService将返回包含promise对象的UserStatus
。然后在中,您可以将此服务添加到控制器中,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
})
})
app.controller('myCtrl', function(UserStatus, $scope){
UserStatus.then(function(data){
//you will get response here
})
})