Angular获取当前活动组件路径

时间:2017-08-31 03:37:57

标签: angular typescript angular2-routing

我有以下路线,我正在尝试获取子组件的路径。



const myRoutes: Routes = [
  {
    path: '',
    component: mainComponent
  }, {
    path: ':id/create',
    component: anothercomponent,
    children: [
      { path: '', redirectTo : 'general-information', pathMatch: 'full' },
      { path: 'general-information', component: GeneralInfoComponent},
      { path: 'another-info', component: AnotherInfoComponent}
        ]
      }]




要在重新加载时获取当前路径段,我正在做这样的事情



route.firstChild.url.subscribe(val => {
      let myRoute = val[0].path;
    });




即使我订阅了url(在另一个组件中),如果子路由发生变化,我也没有获得触发器:id / create即如果它从022 / create / general-information变为022 / create / another-info为了让子路线的每个段都发生变化,我必须做类似的事情



router.events.subscribe(event:Event => {
    if(event instanceof NavigationEnd) {
    this.route.firstChild.url.subscribe(val => {
    let myroute = val[0].path;
    });
    }
    })




有没有更简单的方法来获取路径?喜欢一般信息或其他信息?如果是,请提供解决方案,如果不是,原因是什么。  希望我能很好地解释它,但如果需要更多澄清,请告诉我。提前谢谢。

1 个答案:

答案 0 :(得分:1)

一年后,由于没有人回答,因此您可以像这样

this._activatedRoute.snapshot.routeConfig.path

如果您在路上,请说/dashboard/graphs,这会给您graphs