Угловой 5 ленивый модуль маршрута загрузки с детьми

Question

Мне очень трудно понять, почему дочерние элементы TEST 1 не загружают текущий компонент

Test1ListComponent представления отображаются после того, как ямаршрут к Test1ChildComponent .URL меняется, но Test1ChildComponent представление не загружается

Дерево маршрутов:

app-routing.module

const routes: Routes = [
  {
    path: '',
    pathMatch: 'full'
  },
  {
    path: 'app',
    loadChildren: './core/core.module#CoreModule'
  }
];

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

core-routing.module

const routes: Routes = [
  {
    path: '',
    redirectTo: '/', 
    pathMatch: 'full'
  },
  {
    path: 'test1',
    loadChildren: '../test1/test1.module#Test1Module'
  },
];

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

test1-routing.module

const routes: Routes = [
  {
    path: '',
    redirectTo: 'test1',
    pathMatch: 'full'
  },
  {
    path: '',
    component: Test1ListComponent,
    data: {
      displayName: 'Test1'
    },
    children: [
      {
        path: 'test1/:testId',
        component: Test1ChildComponent,
        data: {
          displayName: 'Test1Child'
        },
    children: [
          {
            path: 'test2/:testId',
            component: Test2hildComponent,
            data: {
              displayName: 'Test2Child'
            }
          }
        ]
      }
    ]
  },
];

Answer 1

const routes: Routes = [
  {
    path: '',
    redirectTo: 'test1',
    pathMatch: 'full'
  },
  {
    path: 'test1',
    component: Test1ListComponent,
    data: {
      displayName: 'Test1'
    },
    children: [
      {
        path: '',
        redirectTo: 'test1',
        pathMatch: 'full'
      },
      {
        path: 'test1/:testId',
        component: Test1ChildComponent,
        data: {
          displayName: 'Test1Child'
        },
        children: [
          {
            path: 'test2/:testId',
            component: Test2hildComponent,
            data: {
              displayName: 'Test2Child'
            }
          }
        ]
      }
    ]
  },
];