Question

我只是从Angular开始，我正在创建示例站点。

因此，基本上，我有一个名为<app-coverpage>的封面组件，并且我想添加所有其他组件，以便与封面重叠，因为它应该像背景一样。< / p>

我已经按照以下顺序将这些组件添加到了app.component.html文件中：

<app-header></app-header>
<app-coverpage></app-coverpage>

我看到的就是这样

我想要的是将黑色app-coverpage组件作为其他所有组件的“背景”。

有人可以帮我吗？

在旁注。我注意到我无法将此组件添加到index.html文件中。这意味着当我通过以下方式添加它时，它不会在浏览器中呈现：

<app-root></app-root>
<app-coverpage></app-coverpage>

任何人也可以向我解释一下吗？

在此感谢您对两个查询的帮助！

Answer 1

<app-root></app-root> <app-coverpage></app-coverpage>

否，这在index.html中将不起作用，因为Index.html文件将仅遇到一个被引导的组件（仅条目组件）。

要重叠，您可以在<app-header></app-header>组件的模板中添加<app-coverpage></app-coverpage>，然后根据需要使用CSS进行调整。

Answer 2

执行此操作-

<app-coverpage>
    <app-header></app-header>
</app-coverpage>