Angular 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' }
];