主页 / 问题 / 567530
Accepted
almaz234
Asked:2020-09-18 18:12:08 +0000 UTC2020-09-18 18:12:08 +0000 UTC

Angular 2. 如何检入子组件加载成功的根组件

  • 772

AppComponent如果加载了子组件，我想检查根组件。子组件是指与当前 URL 匹配的组件，该组件将被加载到router-outletAppComponent 组件模板中的指令中。子组件的路由有一个异步守卫 canActivate ，它检查你是否可以进入给定的状态。

我想在守卫 canActivate 已执行并且子组件已准备好显示后，在 AppComponent 中执行我的代码。

angular2

1 个回答

  1. Best Answer

    您可以尝试使用注入的 Router 并监视它以获取状态吗？

    class AppComponent{
   constructor(router: Router) {
    const state: RouterState = router.routerState;
    const root: ActivatedRoute = state.root;
    const child = root.firstChild;
    const id: Observable<string> = child.params.map(p => p.id);
    id.subscribe(id => checkforId(id));
  }
    • 1

相关问题