我似乎不知道这是如何工作的，我有一个带有两个router-outure标签的应用程序。 这两个标签都没有与之相关联的名称，那么组件如何显示在正确的出口中呢？

const routes = [
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: 'user',
    component: HomeComponent,
    children: [
      {
        path: 'settings',
        component: SettingsComponent
      },
      {
        path: 'profile',
        component: ProfileComponent
      }
    ]
  }
]

然后在AppComponent模板中显示了以下内容，它显示了LoginComponent和HomeComponent。

<header></header>
<main>
  <router-outlet></router-outlet>
</main>
<footer></footer>

然后在homeComponent模板中有这样的代码，它显示了SettingsComponent或ProfileComponent。

<ul class="nav"></ul>
<div class="content">
  <router-outlet></router-outlet>
</div>

根据我所读到的，你需要有一个命名的出口，并告诉路径哪个出口渲染。 为什么我这里不需要一个？ 这个还能用。 发生什么事了？ 我在谷歌上找不到理由，除了使用一个有名字的路由。