Question

应用级路由器

const routes: Routes = [
    { path: 'dist', redirectTo: '/landing' },
    { path: '', redirectTo: '/landing', pathMatch: 'full' },
    { path: 'manage-herd', loadChildren: './manage-herd/manage-herd.module#ManageHerdModule' }
];

子路由器

{
  path: '', 
  component: ManageHerdShellComponent, 
  children: [
    { path: ''},
    { path: 'cow-group-select', component: GroupSelector, outlet: 'comp1' }
  ]
}

导航到顶级管理群体路线时，当我尝试导航到子路线时，它会失败并显示错误＆＃39;无法匹配任何路线＆＃39;

在我尝试设置急切延迟加载
HTML

router-outlet

我的router.navigate看起来像这样：

this.router.navigate([{outlets: {comp1:['cow-group-select']}], {relativeTo: this.route});

Answer 1

如果有其他人遇到此问题，我已经解决了我的问题，但我想记录我为后代找到的内容。

 { path: '', component: ManageHerdShellComponent}, 
 { path: 'manage-herd', component: ManageHerdShellComponent,

添加路径：＆＃39; manage-herd＆＃39;回到下面的路由模块修复了导航到我的子组件的问题。我的另一个较低的路由模块并不需要这个。第一个在模板中直接有路由器插座，另一个在嵌套组件的模板中有路由器插座。似乎复杂的问题。

急切地加载路线

1 个答案: