如何在Angular 2中获取route参数？ （RC - 稳定 - 路由器）

Question

我正在使用新的稳定Angular 2 RC版本。尚未编写新路由器组件的文档。我正在努力简单地从导航到页面获取参数。

我的路线：

@Routes([
  {path: '/results', component: ResultListComponent},
  {path: '/result-detail/:id', component: ResultDetailComponent}
]) 

我使用以下方式导航到我的详细信息组件：

this.router.navigate(['/result-detail', result.primary_id]);

最后，我不知道如何使用＆＃39; RouteSegment＆＃39;来获取结果明细组件中的primary_id？

Answer 1

在Angular RC1路由器中，您需要让组件实现OnActivate接口以获取路由参数：

import { Router, OnActivate, RouteSegment, RouteTree } from '@angular/router';


Component({
...
})
export class ResultDetailComponent implements OnActivate {
    constructor() { }

    routerOnActivate(curr: RouteSegment, prev?: RouteSegment, currTree?: RouteTree,
                     prevTree?: RouteTree) {
        this.id = curr.getParam('id'),
}