knockout.js - 在 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 中，为什么不制作一个采用两种颜色的渐变自定义绑定？