有什么方法可以创建带有多个插座选项的多个路由器插座，或者在组件url中没有插座的情况

Question

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

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

OR

没有插座配置， { 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>

Answer 1

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

---

您不能使用多个路由器插座来实现这一点，但是您可以尝试动态呈现组件。缺点是，如果要启用按URL导航，则必须管理URL。我已经用一个简单的演示创建了一个闪电战。
https://stackblitz.com/edit/angular-o1lhnx