Angular 8: ленивая загрузка с шаблоном в корневой компонент

Question

У меня есть pages-routing.module.ts, у которого есть дочерний маршрут, подобный этому:

const routes: Routes = [
  {
    path: '',
    component: PagesComponent,
    children: [
    {
      path: 'persons',
      loadChildren: './persons/persons.module#PersonsModule'
    }
   ]
  }
]

и в моем персонале-routing.module.ts мой дочерний маршрут не работает должным образом

Мои персоны-роутинг, .module.ts это:

const routes: Routes = [
  {
path: '',
component: PersonsComponent,
children: [
  {
    path: 'Test',
    component: TestComponent
  },
  {
    path: 'Sample',
    component: SampleComponent
  },
  {
    path: '',
    redirectTo: 'Sample',
    pathMatch: 'full'
  }
]
  }
]


@NgModule({
  declarations: [],
  imports: [
CommonModule,
RouterModule.forChild(routes)
  ],
  exports: [
RouterModule
  ]
})

и я хочу открыть 'SampleComponent' рядом с базовым шаблоном в моем PersonsComponent, когда я направляюсь к людям

<div class="row ml-0">
  <div class="col-xs-12 col-sm-6 col-md-5 col-lg-2 p-0 person-sidebar">
<nb-card size="small" class="mb-0">

</nb-card>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-7 col-lg-10 pl-0" *ngIf="selectedUser">
<router-outlet></router-outlet>
  </div>
</div>

как можно решить проблему?