我正在尝试在Angular 5中有一个嵌套的路由器插座，但它不起作用

Question

在我的app.module.ts中，我有导航栏的路线

RouterModule.forRoot([
  {path:'home',component:HomeComponent},
  {path:'angular5',component:Angular5MainComponent},
  {path:'',redirectTo:'home', pathMatch:'full'},
  {path:'**', component:HomeComponent}
]),

我有路由器出口标签。 在打开这些页面之一时，我有一个带有许多选项的侧面导航栏选项。 所以我为此创建了一个名为angular5.module.ts的模块

    RouterModule.forChild([
     {path:'HistoryOfAngular', component: HistoryOfAngular}
    ])

我也有一个路由器出口标签。 但是它不起作用

Answer 1

像这样创建数组并仅使用

RouterModule.forRoot([
{ path: '', component: HomeComponent, pathMatch: 'full' },

{
    path: '', component: RootComponent,
    children: [
        { path: 'welcome', component: WelcomeComponent },
    ]
},
{ path: '**', redirectTo: '', pathMatch: 'full' },];