Вложенный дочерний и дочерний маршрут с параметрами - PullRequest
Новая
       72

Вложенный дочерний и дочерний маршрут с параметрами

0 голосов
/ 27 мая 2020

У меня проблемы с вложенными маршрутами. Вот моя ситуация:

Маршрутизация: 

  RouterModule.forRoot([
  {
    path: 'workerevaluation', component: MainComponent, children: [
      {
        path: 'details/:code', component: EmployeeDetailComponent, children: [
          { path: '', component: EmployeeTableComponent },
          { path: 'evaldetail/:evalid', component: EmployeeEvaluationDetailComponent }
        ]
      }
    ]
  },
]),

внутри EmployeeTableComponent У меня есть кнопка с (щелчком), которая должна перенаправить меня на 'evaldetail /: evailid', но она выдает мне эту ошибку :

ERROR Ошибка: Неперехваченный (в обещании): Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: 'https: / localhost: 44352 / workerevaluation / details / W002 / evaldetail / EVAL123'

Похоже, что подпуть 'details /: code' не распознается.

Любое предложение ?

1 Ответ

0 голосов
/ 27 мая 2020

С этой конфигурацией маршрута. 

RouterModule.forRoot([
  {
    path: 'workerevaluation', component: MainComponent, children: [
      {
        path: 'details/:code', component: EmployeeDetailComponent, children: [
          { path: '', component: EmployeeTableComponent },
          { path: 'evaldetail/:evalid', component: EmployeeEvaluationDetailComponent }
        ]
      }
    ]
  },
]),

У вас должен быть маршрутизатор в этих файлах.

  1. app.component. html
  2. main.component. html
  3. employee-detail.component. html

Рабочий стек: - https://stackblitz.com/edit/angular-ymomja

Обратите внимание, что в браузере stackblitz добавьте это после url: - / workerevaluation / details / W002 / evaldetail / EVAL123

...