Angular - Как заставить директиву на выходе маршрутизатора игнорировать параметры запроса

Question

У меня есть файл routing.module.ts, который содержит следующий код:

export const routes: Routes = [
    ...
    { path: ‘profile/:id’, component: ProfileComponent }
];

У меня есть файл app.component.ts, который содержит шаблон:

<div class=“app-container”>
    <header></header>
    <div class=“body”>
        <router-outlet></router-outlet>
    </div>
</div>

Когда я пытаюсь перейти на этот сайт с помощью параметра запроса, например, mysite.com/profile/1234?q=5, я получаю 404 для mysite.com/profile/1234%3Fq%3D5

Как сделатьЯ делаю так, чтобы выход-маршрутизатор не включал часть запроса в параметр запроса?

Answer 1

В вашем методе router.navigate() попробуйте передать URL, сначала расшифровав его как

router.navigate([decodeURIComponent(url)]);

Активированный маршрут не кодирует URL до доступа к параметрам