每当使用RouterModule.forChild（）从app.module调用不同模块的Component时，整个页面都会重新加载

Question

我有一个导航栏菜单，我调用不同模块的组件，组件被调用，但页面正在重新加载。请帮忙。

我在子模块内部的App.Module和RouterModule.forChild（路由）内的RouterModule.ForRoots中定义了loadChildren，但是发生了重载问题。

app.module.ts

RouterModule.forRoot([
{ path: '', loadChildren: () => AdminModule, pathMatch: 'full' } 
])

app.component.html

<div class='row'>
  <app-layout>
    <div class="admin">
      <router-outlet></router-outlet>
    </div>
  </app-layout>
</div>

<app-layout></app-layout> is my shared header and footer.

admin.module.ts

const routes: Routes = [
  {
    path: '',
    component: AdminComponent
  },
  {
    path: 'user',
    component: UserManagementComponent
  }
];

In imports - 

RouterModule.forChild(routes)

从Menu中调用'/ user'组件时，不希望页面重新加载。

Answer 1

你加载模块的方式对我来说有点奇怪，也许你可以这样试试：

{ path: '', loadChildren: './AdminModule.module#AdminModule' },

在load children属性中，您应该首先放置物理路径，然后在hashtag之后放置类名。

我没有看到您的功能模块路由器的问题，虽然我更喜欢将它放在一个单独的文件，以使其更清洁。