多个组件响应相同的ActivatedRoute

时间:2017-11-10 20:40:07

标签: angular angular2-routing

我有一个使用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中访问参数?

0 个答案:

没有答案