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

Question

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

这是我有的:

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

我已经设置了我的数据: color:'background-color: #E91E63'

我的看法:

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

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

Answer 1

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

然后在HTML中.

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