Предположим, у меня есть компонент, который отображает список актеров для mov ie. После того, как актер выбран, некоторые сведения об этом конкретном актере будут отображаться в том же компоненте.
Моя цель - включить в URL идентификаторы mov ie и id актера. Кроме того, когда выбран новый актер, идентификатор субъекта из URL-адреса должен соответственно измениться.
URL-адрес должен иметь следующую форму: / movies / movieId / актеры / actorId
Итак, у меня есть один компонент, который должен сделать следующее:
- получить mov ie id
- для этого mov ie id, получить список актеров
- если идентификатор актера не был предоставлен, выберите первого актера и измените URL соответствующим образом
- если был предоставлен идентификатор актера, выберите этого актера и не изменяйте URL
- изменить actorId из URL всякий раз, когда пользователь выбирает актера из списка
Я не совсем уверен, что является лучшим решением для обновления параметра URL. На данный момент я использую следующее решение:
конфигурация маршрутизации:
path: ':movieIdId',
component: MoviesComponent,
children: [
{
path: 'actors',
component: ActorsComponent
},
{
path: 'actors/:actorId',
component: ActorsComponent
}
]
И для обновления URL я делаю следующее:
updateActorId(actorId: number) {
this.router.navigate(['movies', this.movieId, 'actors', actorId]);
}