Angular 角度-1条以上的路线如何组织

我正在尝试为一个新项目组织我的应用程序组件，但我在Angular 8中遇到了一些路由问题：

一般来说，我有一个登录页，这是我的第一页。当我想登录登录页面时，我想将用户重定向到/login，而不使用主路由器出口： 如下所示：

    const routes: Routes = [
      { path: '', component: MainComponent },
      { path: 'signup', component: SignupComponent },
      { path: 'login', component: LoginComponent },
      { path: '**', component: PageNotFoundComponent },
     ]

这是我的AppComponent：

应该是

<router-outlet></router-outlet>



尝试将组件更改为

<topnavbar></topnavbar>
<router-outlet></router-outlet>
<footer></footer>

如果我正确理解了问题，您可以使用
儿童
：

const routes: Routes = [
  { path: '', component: MainComponent, 
    children: [ 
      { path: '', redirectTo: 'mypath', pathMatch: 'full' }
      { path: 'mypath', component: MyComponent }
    ] 
  },
  { path: 'signup', component: SignupComponent },
  { path: 'login', component: LoginComponent },
  { path: '**', component: PageNotFoundComponent },
]

然后只需在
main组件中添加一个
标记，该标记位于希望显示子组件的位置。
将通配符路径放在末尾。路由在配置中的顺序很重要，这是由设计决定的。路由器在匹配路由时使用首次匹配获胜策略，因此更具体的路由应该放在不太具体的路由之上。这不是感谢您的回复。我编辑了我的问题。我知道路由通常是如何工作的，我想知道如何将我的应用重定向到2个不同的模块，如auth和mainmodule？我应该如何组织我的mdoule以拥有自己的路由和组件。谢谢，我知道这是路由器出口，我编辑了我的问题。如何重定向到另一个具有自己路由器和组件的模块。想象一下，我想将我的应用重定向到auth或主模块。你有没有研究过角度模块的延迟加载？非常感谢你。是的，它现在可以和孩子们一起工作，也可以懒散地加载，而且有棱角的孩子也可以工作。