2016-08-19 56 views
0

我已經使用angularjs構建了葉端。我已經宣佈了index.html頁面的正文的背景圖片(對於整個網站也是如此)。在html頁面中更改主體背景的可能性

每當我去新的網址,一個視圖將顯示在ng-view。目前我正打算更改登錄頁面的background

每當我去的網址localhost:3000/login,背景(的身體)應該只改變該頁面。對於頁面的其餘部分,它應該保持不變。 有沒有辦法做到這一點?

編輯:現在我有我的app.scss

body { 
    padding-bottom: 15px; 
    @include background-image(linear-gradient(#c3c3c3, white 350px)); 
    } 

而其共同所有頁面的代碼。當我加載登錄頁面時,仍會顯示此背景樣式(它是繼承的)。我只想登錄頁面刪除(背景:無)。希望它能澄清我的問題。

+0

聽起來像你想做這樣的事情? http://stackoverflow.com/questions/16028678/angularjs-access-elements-outside-of-ng-view 然後你可以訪問類的attr。並將其更改爲另一個具有不同URL背景的CSS類。 – KungWaz

+0

我嘗試過: angular.element(document).ready(function(){ angular.element('body')。addClass('noBackground'); }); 但是最初它會加載較早的背景並在一段時間後將其刪除。 – Pradeepb

+0

然後你應該以相反的方式去做,沒有默認設置,只在應用程序加載時設置背景(登錄頁面除外)。然後你的登錄將沒有背景,當你登錄你將有背景(因爲應用程序在你登錄之前加載)。 – KungWaz

回答

1

嘗試:

  1. 改變它在CSS文件
  2. 改變 ng-style="{'backgroundimage':'url(typeUrlHere)'}">所需的標籤內。
+0

我試過這些解決方案,但力量工作。請檢查更新後的問題是否有助於瞭解更多信息。 – Pradeepb