구성 요소 내에서 쿼리 매개 변수 검색

Question

다음 요소가있는 HTML 템플릿이 있다고 가정 해 보겠습니다.

<a [routerLink]="['/final', {issue_id: 2356254}]">SUBMIT</a> 

이 하이퍼 링크를 클릭하면이 같은 URL을 생성합니다 : 내 구성 요소의 생성자 내부에이 쿼리 매개 변수에 액세스하려고 해요

http://localhost:3000/final;issue_id=2356254 

.

export class FinalComponent { 
    constructor(private route: ActivatedRoute){ 
     this.issueId = route.params._value.issue_id; 
     console.log(this.issueId); 
    } 
} 

이것은 지금까지 작동하지만 이것이 올바른 방법이 아니라는 것을 알고 있습니다. Angular 2 Component에서 쿼리 매개 변수에 액세스하는 적절한 방법은 무엇입니까?

Answer 1

ActivatedRoute을 사용하는 것이 좋습니다. 그것은 Observable 때문에 당신은 params 속성에 가입 할 수 있습니다 : GitHub의

https://github.com/Angular2Buch/book-monkey2/blob/master/src/app/book-monkey/iteration-4/http/book-details/book-details.component.ts#L23

route.snapshot에

constructor(private route: ActivatedRoute) { } 

ngOnInit() { 
    this.route.params.subscribe(params => { 
    // access route params 
    console.log(params['id']); 
    }); 
} 

---

샘플

매개 변수의 변경에 관심이 없다면 간단히 this.route.snapshot.params을 사용할 수 있습니다. 따라서 Observables로 처리 할 필요가 없습니다.

샘플

constructor(route: ActivatedRoute) { 
    let id = route.snapshot.params['id]; 
}