Как мне перейти к потомку загруженного модуля?

Question

Как перемещаться (или настраивать) угловой маршрутизатор, чтобы перемещаться по дочернему загруженному модулю, отображая его в другой розетке маршрутизатора.Ниже то, что я пытался;при загрузке EventsModule первый дочерний элемент (путь: ''; список событий) должен отображаться в выходном маршрутизаторе с именем "events" (это работает), но когда пользователь нажимает на событие, они должны переходить ко второму.дочерний элемент (путь: «eventUid») и компонент сведений о событии должны отображаться вместо списка событий.Angular не распознает этот путь (например, «companyName / events / eventId») и перенаправляет на страницу 404.

app.module.ts

  const appRoutes: Routes = [
      { path: ':company/events', loadChildren: './main/events/events.module#EventsModule' },
      ...
    ];

app.component.html

<router-outlet></router-outlet>

events.module.ts

const routes: Routes = [
  {
    path: '',
    component: EventsComponent,
    canActivate: [AuthenticatedGuard, ActiveGuard],
    children: [
      { path: '', component: EventListComponent, outlet: 'events' },
      { path: ':eventUid', component: EventDetailsComponent, outlet: 'events' }
    ]
  }
];

events.component.html

<nav>...</nav>
<router-outlet name="events"></router-outlet>

Пожалуйста, помогите!

Answer 1

Итак, я нашел решение:

Заменены дочерние элементы EventModule на: [{path: '', component: EventListComponent}, {path: ': eventUid', component: EventDetailsComponent}]

И удалил атрибут «имя» из розетки маршрутизатора в events.component.html