knockout.js - 如何使用淘汰赛数据绑定进行 dataurl

Question

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

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

目前，图像未显示。谁能帮我语法？

示例代码：

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

Answer 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/