在Knockout.js中綁定CSS3漸變樣式

我遇到了一個問題，我不確定如何處理關於樣式綁定的問題。在Knockout.js中綁定CSS3漸變樣式

我的ViewModel對象包含兩個屬性HexColor1和HexColor2。我試圖將這些屬性綁定到背景圖像漸變樣式。

生成的HTML我需要的

例（其中HexColor1 = 「＃FFFFFF」和HexColor2 = 「＃000000」）：

<div style="background-image: -moz-linear-gradient(top, #FFFFFF, #000000); background-image: -webkit-linear-gradient(top, #FFFFFF, #000000);">Hello</div>

什麼是做到這一點的最好方法是什麼？我應該創建包含所有*線性漸變樣式字符串的計算屬性還是有辦法直接在樣式綁定中執行？

謝謝。

來源

2012-12-05 kspearrin

真正的問題是爲什麼不使用樣式表和單獨的內容和佈局？

哦，好吧，如果你真的需要動態

一個計算的心不是很好的設置它們，因爲你注入查看依賴到你的視圖模型，爲什麼不能讓一個梯度自定義綁定，是以兩種顏色？

來源

2012-12-05 08:16:19 Anders

我沒有爲此使用靜態樣式表，因爲十六進制值是由用戶動態設置並從數據庫中提取的。 – kspearrin

Okey，然後我會使用自定義綁定 – Anders

在Knockout.js中綁定CSS3漸變樣式

回答

相關問題