Html 是否可以为<；中的内容定义默认包装器；路由器出口>；？

我的

app.component.html

目前看起来非常干净：

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

---

这可能吗

---

目前我正在

中包装

。但感觉不太干净：*

…正如它呈现给：

<main _ngcontent-c0="">
    <router-outlet _ngcontent-c0=""></router-outlet>
</main>

---

*我知道这很主观

这可能吗

不可能

使用路由器出口注入模板的任何组件都将作为

的同级而不是其子级注入

因此，以下情况永远不会成为现实：

<router-outlet>
    <main>
        [rendered content]
    </main>
</router-outlet>

[呈现内容]

请参见路由组件是如何成为同级的，如下例所示：

---

您可以通过给路由器命名来完成路由器出口：

<router-outlet name="main">
</router-outlet>

这会让路线变得混乱，只是不值得这么做。

---

写这篇文章只是因为你问这是否可能，而不是因为我赞同这一点。

啊，我明白了，没有注意到它是作为兄弟姐妹注射的。非常感谢。

<main _ngcontent-c0="">
    <router-outlet _ngcontent-c0=""></router-outlet>
</main>

<router-outlet>
    <main>
        [rendered content]
    </main>
</router-outlet>

<router-outlet name="main">
</router-outlet>

  <main>
    <router-outlet name="main">
    </router-outlet>
  </main>

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

 /home/(main:somePage)