如何从ActivatedRoute（Angular2）获得插座参数

Question

我的路线定义为：

    path: 'geooperations',
    component: GeoMetricsComponent,
    children: [
      { path: ':idgeooperationmetrictype', component: DetailGeoMetricTypeComponent, outlet: 'geo' },
      { path: ':idgeooperationmetrictype/edit', component: DetailGeoMetricTypeComponent, outlet: 'geo' },
      { path: '/new', component: DetailGeoMetricTypeComponent, outlet: 'geo' }
    ]

示例： 网址：geooperations /（geo：c56da64c-0ef5-4894-83ee-04381​​8b44e14）

outlet : 'geo'
idgeooperationmetrictype: 'c56da64c-0ef5-4894-83ee-043818b44e14'

我如何才能获得＆＃39; idgeooperationmetrictype＆＃39;来自ActivatedRoute？

Answer 1

您需要在组件内订阅＃34; DetailGeoMetricTypeComponent＆＃34;

ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
       this.id = params['idgeooperationmetrictype'];
    });
  }

或者使用params行的dev工具设置断点以查看键。

Answer 2

使用snapshot.params：

解决了这个问题

this.activatedRoute.snapshot.params.subscribe(params => {           
   console.log(params['idgeooperationmetrictype']);
});