Angular 2 canActivate：在组件中检索值

Question

如何从组件内部获取路由的canActivate参数的值？

{
    path: "dashboard",
    component: DashboardComponent,
    canActivate: [AuthGuard] // => This one
}

我问这是因为我想显示/隐藏模板中的元素，取决于用户是否连接。

因此，就目前而言，我正在组件内部调用身份验证服务，但随后它将进行两次调用，一个来自守护程序，另一个来自组件。

ngOnInit() {
    this.authService.canAccess().then(
        auth => this.canAccess = auth
    );
}

有没有办法订阅一些路由事件并获取canActivate属性的值？

Answer 1

也许使用解析器？ 在获取一些数据之前，它不会启动组件

{
    path: 'path',
    component: SomeComponent,
    resolve: {someVarYouNeed: someResolver}
}

class someResolver implements Resolve

constructor (private service: MyService) {
    return service.getData.map(data => data.json())
}

在您的组件中：

ngOnInit() {
    this.varYouNeed = this.route.snapshot.data['someVarYouNeed'];
}

请记住，解析程序应返回Observable，并且此Observable中的数据将根据路由中解析程序中使用的名称作为属性附加到路由数据