2016-03-02 26 views
1

我正在爲我的問題尋找解決方案。 我有一個範圍變量「圖像」的指令。我也有這個指令的模板文件。角度ng-attr-表達式與結果中的scope.variable

在這個模板中,如果設置了範圍變量,我想添加一個樣式屬性(背景URL)。我的嘗試像2小時前那樣結束。我找不到對谷歌的解決方案或也許我只是不知道如何更好地描述我的問題:)

<header ng-attr-style="{image != '' || 'background-image: url({{image}}));' }" style="" class="fullscreen"> 

的結果應該是類似的東西:

scope.image = "abc.jpg" <header style="background-image: url(abc.jpg)">

回答

1
<header ng-attr-style="{{image ? 'background-image: url(' + image + '));' : '' }}" style="" class="fullscreen"> 
+0

謝謝非常。 還有一種方法可以替換ng-attr樣式嗎?或者我必須用手動方向的編譯功能來做到這一點 – Patrick

+0

什麼樣的替換意味着什麼?你想動態地改變ng-att-style的值嗎?然後你應該使用scope變量ng-attr-style =「some_var」並在你的控制器中改變它。 –

+0

感謝您的回覆,併爲我的不正確的問題提供幫助。替換我的意思是,當我檢查DOM元素時,現在是新的/正確的樣式。但還存在着ng-attr風格。 ists是這樣的: '

'但我想要的是,ng-attr樣式標籤也被替換掉了
' – Patrick