角度:两个没有名字的插座仍然工作

我好像不明白这是怎么回事,我有一个有两个 router-outlet 标签。两个标签都没有 name 与它们关联,那么组件如何显示在正确的出口中?

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>

然后在 这里有一个模板,它显示 SettingsComponent ProfileComponent .

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

据我所读,你需要有一个命名的出口,并告诉路线哪个出口渲染。为什么这里不需要?这仍然有效。发生什么事了?我在谷歌上找不到这样的理由,只能用一条有名字的路线。