Угловая 7 ленивая загрузка маршрутизации не работает

Question

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

// app.routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  {
    path:'',
    loadChildren:'./frontend/frontend.module#FrontendModule'
  },
  {
    path:'admin',
    loadChildren:'./admin/admin.module#AdminModule'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

// admin.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
import { AdminComponent } from './admin.component';
import { RouterModule, Routes } from '@angular/router';
import {MaterialsModule} from './materials/materials.module';
import { DashboardComponent } from './dashboard/dashboard.component';

const adminRoutes:Routes = [
  { path: '', component: AdminComponent },
  { path: 'dashboard', component: DashboardComponent}
];    
@NgModule({
  declarations: [ 
    HeaderComponent,
    FooterComponent,
    AdminComponent,
    DashboardComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(adminRoutes),
    MaterialsModule

  ],
  exports: [RouterModule]

})
export class AdminModule {}

Всякий раз, когда я нажимаю URL http://localhost:3000/admin

загружает компонент администратора по умолчанию

Всякий раз, когда я нажимаю http://localhost:3000/admin/dashboard, он загружает контент в компонент приложения router-oulet, а не загружает его в выход маршрутизатора модуля администратора. Я не знаю, что не так в моем коде

Answer 1

Если вы хотите установить макет (родительский) для компонента панели мониторинга, вы должны сделать это следующим образом:

{ path: '', component: AdminComponent, 
children:[
 {path: 'dashboard' , component: DashboardComponent}
        ]
}

обновление: я скучаю по : после детей.