A segmentação de saída nomeada via routerLink adiciona "/" estranho
Estou tentando iniciar um modal no meu aplicativo via roteamento. Tudo parece funcionar, exceto que uma barra extra é adicionada ao URL que impede sua resolução. O URL deve ficar assim (e funciona se eu o inserir manualmente) ...
/accounts(modal:accounts/1/edit)
mas estou recebendo isso (observe a barra entre o URL base e o destino da saída) ...
/accounts/(modal:accounts/1/edit)
A tag base está definida ...
<head>
<meta charset="utf-8">
<title>myApp</title>
<base href="/">
...
</head>
Aqui está a minha configuração de roteamento (accounts-routing.module.ts)
const ACCOUNT_ROUTES: Routes = [
{
path: 'accounts',
component: AccountsIndexComponent
},{
path: 'accounts/new',
component: AccountsNewComponent
},{
path: 'accounts/:id',
component: AccountsShowComponent
},{
path: 'accounts/:id/edit',
component: AccountsEditComponent,
outlet: 'modal'
}
];
E saída (app.component.html)
<router-outlet></router-outlet>
<router-outlet name="modal"></router-outlet>
E o link ...
<a [routerLink]="[{ outlets: { modal: ['accounts', account.id, 'edit'] } }]">Edit</a>
o que estou perdendo? O projeto foi criado usando[email protected]
e[email protected]
e[email protected]
estão instalados.
FWIW, aqui está uma captura de tela dos logs ...