Угловой путь 2 родителей заменен дочерним путем

Question

Это мой текущий маршрут конфигурации последней версии приложения Angular

const routes = [
  { path: 'board', component: BoardComponent, canActivate: [AuthGuard], children: [
    { path: 'stories', component: StoryComponent }]},
    { path: '**',   redirectTo: 'board', pathMatch: 'full' }
];

Работает нормально, оба компонента отображаются, я хочу работать так же, но с небольшим изменением: когда пользователь переходит на /board/stories, я хочу, чтобы путь был просто /stories, возможно ли это сделать так?

Answer 1

С учетом того, как определены ваши маршруты - Нет, это невозможно.

Определив stories как дочерний элемент board, вы в буквальном смысле определили свой маршрут как .../board/stories. Следовательно, маршрут всего /stories не будет соответствовать ни одному маршруту, как вы его определили.

Если вы хотите, чтобы маршрут был просто /stories, то вы могли бы просто переопределить ваши маршруты, чтобы они были

const routes = [
  { path: 'board', component: BoardComponent, canActivate: [AuthGuard]},
  { path: 'stories', component: StoryComponent, canActivate: [AuthGuard]},
  { path: '**',   redirectTo: 'board', pathMatch: 'full' }
];