Angular 将路由内容作为主要 <router-outlet> 元素的兄弟元素

Angular puts route content as sibling element of primary <router-outlet> element

当我加载到主路由器出口的路由时,Angular 创建一个兄弟元素来显示内容。例如,我的路线“事件”在 DOM:

中是这样加载的

这是正确的吗?或者 <app-events> 元素应该在 <router-outlet> 内吗?

该网站在浏览器中确实看起来应该如此。

是的,这是正确的。 Angular 在 router-outlet 元素之后生成路由元素。

来自 Angular docs 关于 RouterOutlet:

Acts as a placeholder that Angular dynamically fills based on the current router state.

此外,您可以使用多条路线作为回答here