Angular 8 功能模块路由中的多个组件答案

【问题标题】：multiple components in angular 8 feature module routingAngular 8 功能模块路由中的多个组件
【发布时间】：2020-06-28 03:12:02
【问题描述】：

我有一个主模块和一个包含多个组件的功能模块。下面是特征路由文件中多条路由的配置。

const priorityRoutes: Routes = [
        { path: 'abc', component: ComponentOne,runGuardsAndResolvers: 'always' },
        { path: 'def', component: ComponentTwo,runGuardsAndResolvers: 'always' }
]

并且主模块路由配置为：

const routes: Routes = [
  {
    path:  'main',
    loadChildren: ()=>import('./main.module').then(m=>m.MainModule)
  }]

我正在使用

访问它们

/main/abc

但导航不起作用。没有错误显示和组件不显示。

【问题讨论】：

标签： angular angular8 angular-routing

【解决方案1】：

您还记得在MainModule 中导入和导出RouterModule 吗？

@NgModule({
    ...,
  imports: [
    ...
    RouterModule.forChild(priorityRoutes),
    ...
  ], 
  exports: [
    ...
    RouterModule,
    ...
  ]
})
export class MainModule { }

【讨论】：

【解决方案2】：

我确实在主模块路由中导出了RouterModule，但没有在功能模块路由中导出。应该没问题吧？

【讨论】：