Angular 2 - Tomadas de roteador nomeadas sem URLs horríveis

Quero ter duas saídas de roteador, a principal e uma saída modal. Ao navegar para/login, Quero mostrar meu componente doméstico na tomada principal e meu componente de login na tomada modal. Algo assim:

{
   path: 'login',
   component: HomeComponent
},
{
   path: 'login',
   component: LoginComponent,
   outlet: 'modal'
}

Isso é possível usando URLs auxiliares horríveis, como/home(modal:login), mas é claro que ninguém deseja que seus URLs sejam assim.

Como resolvo isso sem esses URLs?

questionAnswers(1)

yourAnswerToTheQuestion