Question

我有一个使用路由和不同组件的Angular 2项目。其中一个组件是一个不显示任何侧边栏或页脚的登录页面...所以，我需要在此页面上放置一个背景（覆盖所有正文）。

我尝试使用:host {..}但不能工作。

如何访问此组件的body背景属性？

此组件与app.component处于同一级别。 app.component.html具有和登录组件在这里呈现。

你能帮助我吗？

Answer 1

不确定为什么要申请backgorund。如果您只想隐藏登录页面的侧栏和页脚，则可以使用hidden属性或ngIf指令，根据您的活动路线隐藏它们。这里是ngIf

的推荐

Answer 2

这实际上取决于您的login.component.html if：host是否有效且您没有显示它。您可以将login.component.html包装在div容器中，并为其背景颜色添加一个类。这个对我有用。

<div class="my-container>
<!--your content --!>
</div>

此处为演示<{p}> plunkr