角度:紧急加载使组件不被渲染

我想在DOM中使用以下结构:

<myapp-root>
  <router-outlet></router-outlet>

  <myapp-user-management>
    <router-outlet></router-outlet>
    <myapp-users></myapp-users>
  </myapp-user-management>

</myapp-root>

我懒洋洋地装了 UserManagementModule 在里面 根-路由.module.ts 像这样

const rootRoutes: Routes = [
  {
    ...
    children: [
      ...
      {
        path: 'userManagement', 
        loadChildren: '../user-management/user-management.module#UserManagementModule'
      },
      ...
    ]
  }
];

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

然后我在RootModule中导入了路由模块

@NgModule({
  ...
  imports: [
    ...
    RootRoutingModule,
    ...
  ]
})
export class RootModule {
}

这个 root.component.html 有一个 <router-outlet></router-outlet>

(二) 渴望的 装载量 UsersModule . 所以我加入了 我有

const userManagementRoutes: Routes = [
  {
    path: '',
    component: UserManagementComponent
  }
];


@NgModule({
  declarations: [],
  imports: [
    RouterModule.forChild(userManagementRoutes)
  ],
  exports: [RouterModule]
})
export class UserManagementRoutingModule { }

用户-管理模块.ts 我有

@NgModule({
  imports: [
    UsersModule,
    UserManagementRoutingModule
  ]
})
export class UserManagementModule { }

这个 user-management.component.html 有一个 <

(三)

const usersRoutes: Routes = [
  {
    path: 'users',
    component: UsersComponent
  }
];

@NgModule({
  declarations: [],
  imports: [
    RouterModule.forChild(usersRoutes)
  ],
  exports: [RouterModule]
})
export class UsersRoutingModule {
}

用户.module.ts 如下所示

@NgModule({
  declarations: [
    UsersComponent
  ],
  imports: [
    CommonModule,
    UsersRoutingModule,
  ],
  exports: [
  ]
})
export class UsersModule { }

<myapp-root>
  <router-outlet></router-outlet>
  <myapp-users></myapp-users>
</myapp-root>

我做错什么了?