Всем привет.
Есть роут вида
superheroes/:id.
Я нахожусь на этом роуте и хочу переходить на супергероя с индексом +1.
Хочу использовать относительную навигацию вида:
this.router.navigate([ … ], { relativeTo: this.route})Ожидаю что вот такая запись будет выполнять ровно то что я описал:
this.router.navigate([hero.id + 1 + ''], { relativeTo: this.route}).
Однако, происходит некорректный переход!
Срабатывает верно только если я пишу:
this.router.navigate(['../', hero.id + 1 + ''], { relativeTo: this.route});Кто-нибудь может объяснить почему так?
Почему нужно выходить на уровень выше, и передавать параметр (при этом сам раут не передавать 🤯😖☹️ ).
Демка (надо кликнуть Heroes, затем выделить героя, затем кликнуть кнопку Next).
https://stackblitz.com/edit/angular-yeczyh?file=src/app/heroes/hero-detail/hero-detail.component.ts