有没有任何方法可以在组件url中创建具有多个出口选项或没有出口的多个路由器出口



我想要实现一个完全动态的路由和组件视图。为此,我需要在UI中打开多个路由。

{ path: 'login', component: LoginComponent, outlet: 'opt1,opt2' }, { path: 'register', component: RegisterComponent, outlet: 'opt1,opt2' },

在没有出口配置的情况下,{ path: 'login', component: LoginComponent }, { path: 'register', component: RegisterComponent },

以上任何配置都可能吗?对于以上两种配置,我已经准备好管理哪个出口选项可用,因此将在可用的router-outlet中打开我的路由器/组件

在初始app.component.html中也添加了以下内容<router-outlet name="opt1"></router-outlet> <router-outlet name="opt2"></router-outlet>

编辑:我已经更新了stackblitz以使用路由器。


使用多个路由器出口无法实现这一点,但可以尝试动态组件渲染。缺点是,如果您想启用按URL导航,则必须管理您的URL。我用一个简单的演示创建了一个stackblitz
https://stackblitz.com/edit/angular-o1lhnx

相关内容

  • 没有找到相关文章

最新更新