我想要实现一个完全动态的路由和组件视图。为此,我需要在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