我有这样的路线设置：
export const APP_ROUTES: Routes = [
{
path: '',resolve: {
user: CurrentUserResolver
},children: [
{
path: ':sectionKey',canActivate: [SectionAccessGuard],children: [
{
path: 'dashboard',component: DashboardComponent
}
]
}
]
}
]
父路由将通过HTTP调用检索用户,并且我希望我的子路由：sectionKey仅在当前用户有权访问时才被激活.问题是,在快照完全填充之前,我的canActivate可以调用SectionAccessGuard：
@Injectable()
export default class SectionAccessGuard implements CanActivate {
canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot) {
console.log(route.data);
console.log(route);
return true;
}
}
在控制台中,第一个条目什么都没有;但是,第二个条目最终将填充用户字段.
我知道canActivate方法可以返回一个Observable< boolean>同样,但我没有看到任何关于如何等待,直到解决完成的钩子.
我在这里想念的是什么？我觉得这应该是非常直接的.我目前正在使用angular v4.0.0-rc.2
我发布此消息已经过去了大约8个月,所以我会更新我们最终的结果：
通过解析在路由器中存储数据开始变得非常尴尬取决于组件的位置(this.route.parent.parent.parent.data.user),所以我们不再使用解析,而是使用NgRx来存储一种信息.
然后我们的警卫负责触发数据的获取,并等待它完成.像这样的东西：
@Injectable()
export class AuthenticationGuard implements CanActivate {
constructor(private router: Router,private store: Store<ApplicationState>) { }
canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot) {
this.store.dispatch(new AuthenticateAction());
return this.store
.select('auth')
.filter((s) => !!s && !s.authenticating)
.map((s) => s.authenticated)
.take(1);
}
}
在州内有几个标志(经过身份验证和验证),告诉警卫我们在这个过程中的位置.
