Извлечение параметров запроса внутри компонента

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?

Answer 1

Использование ActivatedRoute - хорошее начало. Вы можете подписаться на params собственности, поскольку это Observable:

constructor(private route: ActivatedRoute) { } 

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

---

образца на 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

Если вас не интересуют изменения параметра, вы можете просто использовать this.route.snapshot.params. Таким образом, вам не нужно обращаться с Observables.

Образец

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