更改辅助路由器出口的内容，而Angular中的路由不会膨胀

Question

是否可以更改辅助路由器出口的内容而不会使Angular中的路由膨胀？

例如我有以下路线：

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: '', component: LoginComponent, outlet: "side-bar" }
];

这意味着，一旦用户打开我的应用，登录表单就会显示在侧边栏中。现在，我希望用户登录，然后我想更改名为side-bar的辅助路由器插座中的组件（实际上是在下面，因为这是路由器插座的工作方式）。

好吧，那么我可以这样做：将用户重定向到另一条路径，路由将对其执行以下操作：主出口-HomeController，辅助出口-我要在用户之后显示的组件登录。即：

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: '', component: LoginComponent, outlet: "side-bar" },
  { path: '/afterlogin', component: HomeComponent },
  { path: '/afterlogin', component: SideBarAfterLogIn, outlet: "side-bar" }
];

从我的观点来看，这非常麻烦。因此，我认为可能会有更好的方法来完成我想要的工作。但是我找不到一个。