Angular 8子模块中的子级路由

Question

在我的应用程序中，我有一个“父”组件（WorkspaceComponent），该组件定义了整体布局并为应用程序执行了一些脚手架（实际上，它是大部分内容的包装器）。理想情况下，我希望该组件不占用任何URL。

每个“子”路由都在其自己的路由模块中定义。

父路由配置：（应用路由）

const routes: Routes = [
  {path: 'denied', component: DenialComponent},
  {path: 'workspace', component: WorkspaceComponent, children: [
      {path: 'search', loadChildren: () => import('./search/search.module').then(m => m.SearchModule)},
      {path: 'files', loadChildren: () => import('./files/files.module').then(m => m.FilesModule)},
      {path: 'folders', loadChildren: () => import('./folders/folders.module').then(m => m.FoldersModule)},
      {path: '', redirectTo:'search', pathMatch:'full'}
    ]},
  {path: '', redirectTo:'workspace', pathMatch:'full'}
];

子路由配置-（搜索）

const searchRoutes: Routes = [{
  path: '', component: SearchComponent, children: [
    {path: 'new', component: SearchEditComponent, pathMatch:'prefix'},
    {path: 'edit/:queryId', component: SearchEditComponent, pathMatch:'prefix'},
    {path: 'convert/:queryId', component: SearchConvertComponent, pathMatch:'prefix'},
    {path: 'details/:queryId', component: SearchDetailsComponent, pathMatch:'prefix'},
    {path: '', redirectTo: 'new', pathMatch: 'full'}
  ],
  runGuardsAndResolvers: 'always'
}];

[其他“子”路径（文件和文件夹）几乎模仿了searchRoutes配置。

我面临的并且需要一些帮助的主要问题是：

• 对于父组件路径（'workspace'），如果我使用''作为路径而不是'workspace'，我希望会加载实际的工作空间，但会加载一个子路由

如何设置路由，以便：

• 我可以导航到http://localhost:8080/search并让父组件（WorkspaceComponent）也被加载，而不必在URL中包含“工作区”？
• 用户可以导航到应用程序的根URL（即http://localhost:8080），它将自动路由到http://localhost:8080/search（假设我们可以这样做，而不必在路径中指定“工作区”）

Answer 1

因此，似乎app.module.ts文件中的导入顺序正在影响我的应用程序的加载方式。我在其他组件路由模块下面列出了AppRoutingModule。 gh！