Angular2 RouteParams가 매개 변수를 가져 오지 않습니다.

Question

경로에서 매개 변수를 가져 오는 데 문제가 있습니다. app.component.ts에서 내가 @RouterConfig을 정의하고있다 :

@RouteConfig([ 
... 
{ path: '/companies', component: CompaniesListComponent, name: 'Companies' }, 
{ path: '/events/:nameId', component: EventsListComponent, name: 'Events'} 
]) 

내부 것은 CompaniesListComponent의 템플릿의 내가 가진하고있는 [routerLink] 다음

<a [routerLink]="['/Events', { 'nameId': company.nameId }]" class="btn btn-success col-md-offset-4">Show Events</a> 

내가 위의 링크 위에 마우스를 명확하게 company.nameId이 올바르게 설정되어 있는지 나를 보여줍니다 URL은 다음과 같습니다 : /events/cssmelbourne, 여기서 cssmelbourne은 nameId입니다. 링크를 클릭 할 때 nameId is not defined으로 인해 EventsListComponent이로드되지 않습니다. 나는 다음과 같은 방법으로 nameId 매개 변수를 얻기 위해 노력하고 있어요 :

nameId: string = ""; 
constructor(private routeParams: RouteParams, private http: Http) { 
    this.nameId = routeParams.get('nameId'); 
} 

나는 또한 this.nameId = routeParams.params['nameId'];하지만 성공을 사용하려고했다.

Answer 1

궁극적으로 EventsListComponent의 console.log 문 내부에서 오류가 발생했습니다. 변수 앞에 this.을 넣는 것을 잊었습니다.

export class EventsListComponent { 
nameId: string = ""; 
    constructor(private routeParams: RouteParams, private http: Http) { 
    this.nameId = routeParams.params['nameId']; 
    console.log("nameId: " + nameId); 
    } 
} 

그러나 그것이 있어야 : 그래서, 다음 전과

는

export class EventsListComponent { 
nameId: string = ""; 
    constructor(private routeParams: RouteParams, private http: Http) { 
    this.nameId = routeParams.params['nameId']; 
    console.log("nameId: " + this.nameId); 
    } 
}