如何使用knockout data-bind进行数据处理

时间:2014-08-18 05:45:56

标签: knockout.js data-url

如何使用dataurl在淘汰赛中显示图像?

我在淘汰赛中有一个可观察的值,其值设置为图像的数据。我想将此图像绑定到span元素的html-5数据绑定属性。

目前,图像未显示。任何人都可以帮我解释语法吗?

示例代码:

'<'span style="display:block; width:96px; height:95px;" data-bind="style:{backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA'}"></span>

1 个答案:

答案 0 :(得分:1)

您只是错过了)的结束url。试试这个:

<span style="display:block; width:96px; height:95px;"
      data-bind="style: { backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA)' }"></span>

请参阅小提琴:http://jsfiddle.net/J8VNY/3/