Вся страница перезагружается при вызове компонента из другого модуля из app.module с помощью RouterModule.forChild () - PullRequest
Новая
       8

Вся страница перезагружается при вызове компонента из другого модуля из app.module с помощью RouterModule.forChild ()

0 голосов
/ 12 апреля 2019

У меня есть меню панели навигации, откуда я вызываю компонент другого модуля, компонент вызывается, но страница перезагружается. Пожалуйста, помогите.

Я определил loadChildren в RouterModule.ForRoots внутри App.Module и RouterModule.forChild (маршруты) внутри дочернего модуля, но возникает проблема с перезагрузкой. 

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)

Не требуется перезагрузка страницы при вызове компонента '/ user' из меню.

1 Ответ

0 голосов
/ 12 апреля 2019

То, как вы загружаете модуль, выглядит для меня немного странно, может быть, вы можете попробовать это так: 

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

В свойстве load children сначала нужно указать физический путь, а после хештега - имя класса.

Я не вижу проблем с маршрутизатором вашего функционального модуля, хотя я предпочитаю помещать его в отдельный файл, чтобы сделать его чище.

...