将背景颜色样式设置为可观察并使用样式绑定答案

【问题标题】：Setting background color style to an observable and using style binding将背景颜色样式设置为可观察并使用样式绑定
【发布时间】：2015-11-27 14:09:23
【问题描述】：

我正在尝试设置一个具有特定背景颜色的 observable，它将在视图中调用。我创建了我的 observable，但现在当我将它应用到样式绑定时 - 渲染页面时没有任何反应。

这是我所拥有的：

self.color = ko.observable(data.color || '');

我已在我的数据中设置：color:'background-color: #E91E63'

我的看法：

<div class="info" data-bind="style: color"></div>

当我运行页面时，div 仍然是白色的并且没有改变颜色 - 不知道我哪里可能出错了。

【问题讨论】：

【解决方案1】：

 self.bg_color = ko.observable(data.color || 'red');

然后在 html 中。

 <div class="info" data-bind="style:{ 'background-color' :  $data.bg_color() }"></div>

【讨论】：

【解决方案2】：

样式绑定类似于html中的样式标签。您必须提供其值需要更新的属性。

eg: style:{background:color}

【讨论】：