Angular 7: нежелательное перенаправление при наличии параметров запроса - PullRequest
0 голосов
/ 28 февраля 2019

Я использую @ angular / router с angular 7.

Моя цель - использовать произвольное количество (необязательных) параметров запроса на одной из моих страниц, в частности в / pages / components

Проблема, с которой я сталкиваюсь, заключается в том, что всякий раз, когда я вписываю некоторые параметры запроса в мою строку URL, меня перенаправляют в странное место.Это перенаправление происходит для всех моих страниц, если присутствует какой-либо параметр запроса.

Пример:

Я изо всех сил пытаюсь разобраться в этом перенаправлении.

Похоже, что первый параметр запроса имеет первые 3 буквы обрезаны, остальныеиз строки запроса экранируется, и по какой-то причине я всегда оказываюсь в / pages / components / что-то, даже если набранный мной URL-адрес был совершенно другой страницей (возможно, потому что компонент-страница - моя единственная страница с параметром наRouterModule?).

Вот мой модуль маршрутизации:

const appRoutes: Routes = [
  {path: '', component: LoginPageComponent, runGuardsAndResolvers:'always', pathMatch: 'full'},
  {path: 'pages/components', component: ComponentsPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/classes', component: ClassesPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/components/:id', component: ComponentsPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/dashboard', component: DashboardPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/users', component: UserAdminisitrationComponent, runGuardsAndResolvers: 'always', canActivate: [UserRoleGuardService]},
  {path: 'pages/reports', component: ReportsPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/jobs', component: JobsPageComponent, runGuardsAndResolvers: 'always'},
  {path: 'pages/material', component: MaterialPageComponent, runGuardsAndResolvers: 'always', canActivate: [UserRoleGuardService]},
  {path: '**', redirectTo: '/pages/dashboard', pathMatch: 'full'}
];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes)],
  exports: [RouterModule]
})
export class AppRoutingModule {
}
...