Question

我有一个导航栏菜单，从中可以调用其他模块的组件，正在调用Component，但是页面正在重新加载。请帮忙。

我在子模块内的App.Module和RouterModule.forChild（routes）内的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)

从菜单调用“ /用户”组件时，不希望页面重新加载。

Answer 1

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

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

在load children属性中，应首先放置物理路径，然后在井号之后放置类名称。

我看不到功能模块路由器出现问题，尽管我更喜欢将其放在单独的文件中以使其更整洁。

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

1 个答案: