Показать компонент во вложенном маршрутизаторе

Question

Я хочу направить на маршрутизатор "config", который вложен в 2 выхода, но я не могу найти правильный способ сделать это.

<router>
  <router name="main">
    <router name="config">
    </router>
  </router>
</router>

В моем файле routing.ts я создал 2 способа добраться до компонента:

export const routes: Routes = [
  {
    // Entrypoint.
    path: 'Foo', component: FooComponent, canActivate: [IsServerOnlineGuard], children: [
        path: 'Bar', component: BarComponent, outlet: 'main', children: [
          { path: 'Smtp', component: smtpComponent, outlet: 'config' } // registered as a child
        ],
        path: 'Smtp', component: smtpComponent, outlet: 'config' }, // registered under the "main" component
      },
    ]
  },
  { path: '', pathMatch: 'full', redirectTo: 'CSI' },
  { path: '**', redirectTo: 'CSI' },
];

Я пробовал переходить туда двумя способами.

public RouteToConfigOutlet(componentName: string) {
  this._router.navigate([`/(main:BarComponent)/`, {
    outlets: {
      config: ['Smtp']
    }
  }]);
}

public RouteToConfigOutlet(componentName: string) {
  this._router.navigate([``, {
    outlets: {
      main: ['BarComponent'],
      config: ['Smtp']
    }
  }]);
}

Увы, я не могу показать свой компонент и пытаюсь найти правильный способ туда добраться.

Answer 1

Я нашел ответ на этом сайте . Правильный способ маршрутизации:

router.navigate(
[{
   outlets: {
      'main': ['BarComponent',
         { outlets: { 'config': ['smtpComponent'] } } ]
   }
}]);