0

我创建了两个应用程序。一个是父应用，另一个是子应用。现在假设我在父应用中创建了一个产品组件，并在路由文件中定义了路径。

{ path: 'product/:appId', component: ProductComponent }

所以在这里我将我的子应用程序安装在产品组件中，并且在 app.component.ts 文件中我就像使用路由器导航到产品组件，例如：

ngOnInit(): void {
  this.router.navigate(['/product', 'mockApp1']);
}

我的父应用程序在端口：4200 上运行，子应用程序在端口：4201 上运行。所以基本上，如果我输入“http://localhost:4200/product/mockApp1”，那么它将在父应用程序中加载我们的子应用程序以及在哪里“mockApp1”是我们的应用程序 ID。

所以现在我想在子应用程序中访问这个应用程序 id，我通过父应用程序中的 URL 传递它，所以有可能在子应用程序中获取这个应用程序 id。如果有可能，那么我该如何实现呢？

谢谢

4

1 回答 1

0

您可以使用 ActivatedRoute 的 paramMap observable 简单地从 url 中提取它：https ://angular.io/api/router/ActivatedRoute#paramMap

于 2022-01-07T13:59:55.150 回答