我有一个基于角色的应用程序,因此我使用父状态来创建跨不同角色使用的布局,然后我有子状态,为角色添加必要的特定模板。
当用户验证应用程序时,我正在转换到相关的基于角色的状态,但是当您重新加载页面时,状态将丢失并返回到父状态。
示例代码
$stateProvider
.state('dashboard', {
url: '/dashboard',
views: {
'header@': {
templateUrl: 'partials/layout/sections/auth/header.html'
},
'content@': {
templateUrl: 'partials/dashboard/template.html'
},
'left-column@dashboard': {
templateUrl : 'partials/dashboard/left-column.html',
controller : 'DashNavCtrl'
}
},
data: {
layoutType: 'three-column'
}
})
.state('dashboard.admin', {
views: {
'centre-column@dashboard': {
templateUrl: 'partials/dashboard/recruiter/dashboard.html'
},
'right-column@dashboard': {
templateUrl : 'partials/dashboard/recruiter/right-column.html',
controller : 'DashSidebarCtrl'
}
},
data: {
authorisedRoles: [USER_ROLES.admin]
}
})
当我将用户转换到dashboard.admin状态时,在重新加载时,用户会被定向回到空的包含状态。
是否有可能阻止这种情况发生?