Почему текущий компонент загружается снова при переходе к другому компоненту?
Иерархия модулей:
- App Module
- Pages Module
- Dashboard Module
- Modules Module (Field Component)
Импорт модуля приложения AppRoutingModule
AppRoutingModule:
const routes: Routes = [
{ path: 'pages', loadChildren: 'app/pages/pages.module#PagesModule' },
{ path: 'auth', loadChildren: 'app/auth/auth.module#AuthModule' },
{ path: '', redirectTo: 'pages', pathMatch: 'full' },
{ path: '**', redirectTo: 'pages' },
];
Модуль страниц:
const PAGES_COMPONENTS = [
PagesComponent,
];
@NgModule({
imports: [
PagesRoutingModule,
DashboardModule,
ModulesModule,
UserModule,
],
declarations: [
...PAGES_COMPONENTS,
],
providers: [ModuleService],
})
export class PagesModule {
}
Модуль модулей:
@NgModule({
imports: [
ThemeModule,
ModulesRoutingModule,
],
declarations: [
...routedComponents,
],
providers: [
ForecastService,
],
})
export class ModulesModule { }
Проблема: я захожу на страницу. Компонент Dashboard загружается, и я перехожу к полевому компоненту, который вызывает службу (API) для данных. Но API вызывается снова, когда я перехожу к Dashboard Component. Я вижу это в консоли сети и console.log. Почему компонент поля загружается при переходе к компоненту панели мониторинга?