Angular 如何将登录名与应用程序的其余部分分开?

Angular 如何将登录名与应用程序的其余部分分开?,angular,typescript,Angular,Typescript,我有一个查询,我在app.component>main.component>content.component内部有route outlet,边栏和页脚在main.component中,当我收费登录时,这会加载所有其他组件和模块,因为route outlet在content.component中。如何将登录负载与main.component分开以确保更快的加载?将您的登录路径置于其他路径之前,并使用没有侧边栏/页脚的自定义布局 RouterModule.forRoot([ {

我有一个查询,我在
app.component>main.component>content.component
内部有
route outlet
,边栏和页脚在
main.component
中,当我收费登录时,这会加载所有其他组件和模块,因为
route outlet
content.component
中。如何将登录负载与main.component分开以确保更快的加载?

将您的登录路径置于其他路径之前,并使用没有侧边栏/页脚的自定义布局

    RouterModule.forRoot([
      { path: 'login', component: LoginComponent },
      { path: '', component: AppComponent },
      { path: 'home', component: HomeComponent },
    ])

只需在与
main.component
相同的级别上创建单独的组件,并将
route outlet
放在
app.component
中?正是我不想得到的,我想看看其他解决方案路线的顺序是否相关?我认为命令无关紧要,有些链接可以证实吗?是的,命令很重要。选中此项: