Angular 将路由内容作为主 <router-outlet> 元素的同级元素

【问题标题】：Angular puts route content as sibling element of primary <router-outlet> elementAngular 将路由内容作为主 <router-outlet> 元素的同级元素
【发布时间】：2021-01-03 15:38:08
【问题描述】：

当我将路由加载到主路由器出口时，Angular 会创建一个兄弟元素来显示内容。例如，我的路由“事件”在 DOM 中是这样加载的：

这是正确的吗？还是应该 <app-events> 元素在 <router-outlet> 内？

网站看起来确实应该在浏览器中显示。

【问题讨论】：

是的。应该是这样的。

标签： angular angular2-routing angular2-template

【解决方案1】：

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

来自 Angular docs 关于RouterOutlet：

充当 Angular 根据当前路由器状态动态填充的占位符。

另外，您可以使用多个路由作为回答here。

【讨论】：

实际上，这句话似乎暗示内容应该在元素内。
我看不出动态内容的位置有什么不同。例如，如果您有 2 条路由，那么内容将是 - 选项 1 作为当时的同级内容，或选项 2 - 在每个路由器元素内。我认为为了清楚起见，选项 2 更好......