Angular 2路由器导航＆＃39; ../'移动到父级的根状态

Question

我有布局：＆＃39; / home＆＃39;，2页：＆＃39; / home / sample / list＆＃39;和＆＃39; / home / sample / details＆＃39;和他们的布局：＆＃39; / home / sample＆＃39;。我试图从＆＃39; / home / sample / details＆＃39;导航到父状态。到＆＃39; / home / sample＆＃39;然后重定向到＆＃39; / home / sample / list＆＃39;。但是，当我尝试使用类似于＆＃39; ../'它把我带到了＆＃39; / home＆＃39;。我做错了什么？

const appRoutes: Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent, children: [
       { path: 'sample', component: SampleComponent, children: [
          { path: '', redirectTo: 'list', pathMatch: 'full' },
          { path: 'details', component: SampleDetailsComponent },
          { path: 'list', component: SampleListComponent },
       ]}
    ] },
    { path: '**', component: PageNotFoundComponent }
];

用户点击按钮后我想让他回到父状态（如后退按钮）

this.router.navigate(['../']);

Answer 1

如果您想进行相对路由

您必须按relativeTo定义，这将导航到上一级

this.router.navigate(['../', { relativeTo: this.route }]);