我有一个使用Activated routes
的WorkComponent。在app.module.ts我有:
const appRoutes: Routes = [
{path: 'data/:project/:detail',component: WorkComponent }
.
.
.
];
在工作组件中,我像往常一样使用ActivatedRoute params。
但WorkComponent
并不是唯一需要知道ActivatedRoute参数的组件。
例如,在app.component.html中我有:
<app-navbar>
</app-navbar>
<router-outlet></router-outlet>
NavbarComponent.ts始终存在于应用程序中,我希望它也能响应ActivatedRoute参数。我在app.module.ts中添加了新路由:
{path: 'data/:project/:detail',component: NavbarComponent }
并使用此代码:
constructor(private route: ActivatedRoute) {
route.params.subscribe(params => {console.log(params)});
}
//记录空对象。
如何在NavbarComponent中访问参数?