从另一个模块访问路由参数

Question

在我的应用程序中，我有一个不带路由模块的核心模块和一个带路由模块的功能模块。在我的功能模块的一个组件中，我可以通过在构造函数中使用以下内容来访问路由参数：

this.route.params.subscribe((params: Params) => {
  console.log("params['searchTerm']");
  console.log(params['searchTerm']);
  this.searchTerm = params['searchTerm'];
});

现在，在我的Core模块的一个组件中，我也想使用上面的代码来访问params。因为路由是在功能模块路由模块中定义的，所以当我尝试访问参数时，我只是没有定义。

我如何才能实现访问参数？

Answer 1

这是可能的解决方案之一：

constructor(private route: ActivatedRoute, private router: Router) {
  router.events.subscribe((e) => {
    let currentRoute = this.route.root;
    while (currentRoute.children[0] !== undefined) {
      currentRoute = currentRoute.children[0];
    }
    if (e instanceof NavigationEnd) {
      // you can do it for exact phase
      console.log(currentRoute.snapshot.params);
    }
  });
}

Answer 2

我也有同样的情况。路由在功能模块中定义，核心模块的布局组件可以访问params。它起作用了!确保您：

1. 从‘@angular/router’导入{RouterModule}；在核心模块
2. 中，在核心组件构造函数中注入'private activatedRoute: ActivatedRoute‘。