尝试使用组件中的路由器对象通过代码导航到子视图时遇到问题:
this.router.navigate(['./details']); //Error: Cannot match any routes: 'details'
Run Code Online (Sandbox Code Playgroud)
但是在我使用 routerLink 的模板中,它可以工作: 测试我我需要做同样的事情,但在使用 router.navigate 方法的组件中。我的组件显示在 routerOutlet 的另一个组件中,我有以下子路由配置:
export const HOME_ROUTES: Routes = [
{
path: 'home',
component: HomeComponent,
children: [{path: '',outlet: 'route1',component: DashboardComponent,pathMatch: 'full'},
{
path: 'dashboard',
outlet: 'route1',
component: DashboardComponent
},
{
path: 'tasks',
outlet: 'route1',
component: TasksComponent,
children: [
{ path: '',component: TasksListComponent,pathMatch: 'full'},
{ path: 'list',component: TasksListComponent},
{ path: 'details', component: TasksDetailsComponent },
{ path: 'view', component: TasksListComponent },
]
}
]
}
];
Run Code Online (Sandbox Code Playgroud)
我正在尝试从 TasksListComponent 显示 TasksDetailsComponent,我的相对 …