Не работает несколько маршрутизаторов-розеток с именем-роутером-розеткой.

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

Маршруты:

const routes: Routes = [
{ path: 'products', component: ProductComponent},
{ path: 'products', component: ProductHeaderComponent, outlet: 'header-route' },
{ path: 'products', component: ProductFooterComponent, outlet: 'footer-route' }
];

HTML:

<router-outlet></router-outlet>//Primary Outlet
<router-outlet name="header-route"></router-outlet>
<router-outlet name="footer-route"></router-outlet>

Первичная розетка работает.

Именованные розетки, верхний и нижний колонтитулы не работают.