在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渐变样式

回答

相关问题