Angular：子路由匹配

Question

假设我们有以下路线：

{
    path: 'a',
    component: AComponent,
    children: [
        {
            path: '',
            component: BComponent
        },
        {
            path: '',
            component: CComponent,
            children: [
                { path: '', component: DComponent }
            ]
        }
    ]
}

下面的 URL 被粘贴到浏览器的地址栏中：

http://localhost:4200/a

问题

1. 路由器如何知道要显示什么组件？
2. 是否会显示所有四个组件（A、B、C、D）？
3. 每个组件将显示在哪里？
   • 每个父组件是否总是有自己的RouterOutlet，所以每个组件都沿着parent/child/grand-child/etc的路由。显示在其父级各自的 RouterOutlet 中？
   • 通常，当显示带有子路由的路由时，每个组件都显示在其父 RouterOutlet 内。但是，如果只有 AComponent 有 RouterOutlet，那么 BComponent、CComponent 和 DComponent 会显示在哪里呢？

Answer 1

鉴于您没有收到任何错误，路由器将为您提供它找到的第一个匹配路由。在这种情况下，BComponent。路由器插座中只能显示一个组件（否则您需要 auxRoute 之类的东西）。

如果 CComponent 有一个类似 'c' 的路由，您可以从路由 http://localhost:4200/a/c 访问它，那么您将在 CComponents 路由器出口中获得带有 DComponent 的 CComponent。

希望对您有所帮助。