我想要两个路由器插座,主插座和模态插座.导航到/ login时,我想在主插座中显示我的主组件,在模块插座中显示我的登录组件.像这样的东西:
{ path: 'login',component: HomeComponent },{ path: 'login',component: LoginComponent,outlet: 'modal' }
这可以通过使用像/ home(modal:login)这样可怕的辅助URL来实现,但当然没有人希望他们的URL看起来像那样.
如果没有这些网址,我该如何解决?
解决方法
为什么不选择无组件路线,
{ path: 'login',children: [ { path: '',component: HomeComponent },{ path: '',outlet: 'modal' } ] }
这将确保当您的路由是/ login时,HomeComponent将进入主插座,LoginComponent将转到router-outlet,名称为“modal”.