如何在单SPA Angular中通过绑定参数将数据从父应用传递到子应用?

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。

现在我想在子应用中访问这个app id我在父应用中通过URL传递这个app id有没有可能在子应用中获取这个app id。如果它是可能的，那么我如何实现它?

感谢

Answer 1

你可以简单地通过使用ActivatedRoute的paramMap可观察对象从url中提取:https://angular.io/api/router/ActivatedRoute#paramMap