如何切换父路线但保留子路线

Question

我确信这个Angular 4路由问题有一个简单优雅的解决方案。 我有以下路线 - 这是一个包含子视图的主列表：

/plan/:id/overview 
/plan/:id/details
... many more about 10 different child views 

当我去特定路线时，请说： /plan/5 - 我默认为/plan/5/overview

然后我切换到了详细信息视图/plan/5/details，但现在选择了不同的计划/plan/6，如何将它们保持在/plan/6/details目前我的规则默认为/plan/6/overview这使得我们很难快速比较不同的计划，因为它一直在重置第一个子视图。

我目前的路线链接如下：

[routerLink]="['plan/' + plan.Id ]" *ngFor="let plan of plans | async;"

Answer 1

您可以使用空路径重定向。

let routes = [
  {
    path: "plan/:id",
    component: Plan,

    children: [
      {
        path: '',
        pathMatch: 'full'
        redirectTo: 'overview'
      },
      {
        path: "overview",
        component: Overview
      }
    ]
  }
];

这里是完整的https://plnkr.co/edit/1xQcOyuEnTukBxCJtwzG