如何在 Angular 2 中获取路由参数?(RC - 稳定 - 路由器)



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

我的路线:

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

正在使用以下内容导航到我的详细信息组件:

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

最后我不知道如何使用"路由段"获取结果详细信息组件中的primary_id?

在 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'),
}

最新更新