Получить параметры маршрута в компоненте
Я работаю над проектом Angular-6. У меня есть много дочерних маршрутов для моего приложения. Один из них следующий:
const routes: Routes = [
{
path: 'innovation-track/:innovation-track-id', component: InnovationTrackComponent,
children: [
{
path: 'sprint', component: ScrumBoardComponent
}
]
}
];
Я хочу получить значение инновационный трек-идентификатор из URL в моем ScrumBoardComponent.
Я знаю, что могу получить это, выполнив следующие действия:
constructor(private _route: ActivatedRoute) { }
//somewhere in method
this._route.snapshot.parent.paramMap
Но я хочу получить значение инновационный трек-идентификатор в любом компоненте, неважно, дочерний он или родительский. Я имею в виду, что не хочу делать следующее:
this._route.snapshot.parent.paramMap
Вместо этого я хочу сделать следующее:
this._route.params.<any parameter name>
Ответы 2
Используйте Activated Route. В качестве индекса массива params можно использовать любое имя параметра.
constructor(private itunes:SearchService,
private route: ActivatedRoute) {
this.route.params.subscribe( params => params[<any parameter name>]);
}
I want to fetch innovation-track-id value in any component, doesn't matter if it is child or parent. И ваше решение не отвечает на это, и это даже не самый короткий способ сделать это.
Создайте сервис (назовем его RouteParamsService):
export class RouteParamsService {
innovationTrackId = new BehaviorSubject(undefined);
}
В родительском компоненте подпишитесь на params:
constructor(private route: ActivatedRoute, private service: RouteParamsService) {
route.params
.subscribe(params => service.innovationTrackId
.next(params && params['innovation-track-id'] || undefined))
}
Теперь вы можете подписаться на свой сервис в любом компоненте, и вы получите значение вашего параметра. Родительский компонент будет обрабатывать любое изменение значения, а служба распространит изменение на любой компонент, который на него подписался.
Это то, что я искал. Спасибо.
@trichetriche Нет, он особенно просил предоставить общий способ запроса параметров по их имени. И мое решение делает это. Ваше решение просто запросит
innovation-track-id.