在Knockout.js中绑定CSS3渐变样式

Question

我遇到了一个问题，我不知道如何处理样式绑定问题。

我的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>

最好的方法是什么？我应该创建包含所有* -linear-gradient样式字符串的计算属性，还是可以直接在样式绑定中执行此操作？

感谢。

Answer 1

真正的问题是为什么不使用样式表和单独的内容和布局？

哦，如果你真的需要动态设置它们

计算得非常好，因为您将View依赖项注入ViewModel，为什么不制作一个采用两种颜色的渐变自定义绑定？