仅在单个页面上使用角度2背景主体

我有一个使用路径和不同部件的角度2项目。其中一个组件是一个登录页面，它不显示任何侧边栏或页脚...所以，我只需要在此页面上放置一个背景（即涵盖所有主体）。仅在单个页面上使用角度2背景主体

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

如何访问此组件上的正文背景属性？

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

你能帮我吗？

你能提供这个plunkr一个plunkr？ – brijmcq

不知道你为什么申请backgorund。如果您只想隐藏登录页面的侧栏和页脚，则可以使用hidden属性或ngIf指令根据您的活动路线将其隐藏。这里的参考ngIf

2017-04-15 02:56:12

这真的取决于你的login.component.html如果：主机将工作，你没有显示它。您可以将您的login.component.html包装在div容器中，并为其添加背景颜色的类。这个为我工作。

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

下面是演示

2017-04-15 03:37:49 brijmcq

感谢您的回答我的朋友，但我担心这不会对我有用。请看这个演示。我需要做这样的事情http://lbd-pro-angular2.creative-tim.com/login.html –

@AliBriceño我可能会误解你的问题。在你提供的链接中，他们做的是他们只有在他们的index.html中。原因是将登录页面与侧边栏或导航栏组件隔离开来。 – brijmcq

嗯......我下载了这个项目（它有一个免费版本），而router-outlet在一个名为“dashboard”的子元素上。他们用jQuery做的背景变化，但我认为这不是一个好方法。 –

回答