2017-04-15 47 views
1

我有一個使用路徑和不同部件的角度2項目。其中一個組件是一個登錄頁面,它不顯示任何側邊欄或頁腳...所以,我只需要在此頁面上放置一個背景(即涵蓋所有主體)。僅在單個頁面上使用角度2背景主體

我嘗試使用:host {..}但不起作用。

如何訪問此組件上的正文背景屬性?

此組件與app.component處於同一級別。 app.component.html具有和登錄組件在這裏呈現。

你能幫我嗎?

+0

你能提供這個plunkr一個plunkr? – brijmcq

回答

0

不知道你爲什麼申請backgorund。如果您只想隱藏登錄頁面的側欄和頁腳,則可以使用hidden屬性或ngIf指令根據您的活動路線將其隱藏。這裏的參考ngIf

0

這真的取決於你的login.component.html如果:主機將工作,你沒有顯示它。您可以將您的login.component.html包裝在div容器中,併爲其添加背景顏色的類。這個爲我工作。

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

下面是演示

+0

感謝您的回答我的朋友,但我擔心這不會對我有用。請看這個演示。我需要做這樣的事情http://lbd-pro-angular2.creative-tim.com/login.html –

+0

@AliBriceño我可能會誤解你的問題。在你提供的鏈接中,他們做的是他們只有在他們的index.html中。原因是將登錄頁面與側邊欄或導航欄組件隔離開來。 – brijmcq

+0

嗯......我下載了這個項目(它有一個免費版本),而router-outlet在一個名爲「dashboard」的子元素上。他們用jQuery做的背景變化,但我認爲這不是一個好方法。 –