如何通过绑定参数将数据从父应用程序传递到子应用程序到 Single SPA Angular 中的 URL？

Question

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

{ 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。如果有可能，那我该如何实现呢？

谢谢

Answer 1

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