Knockout.js 敲除自定义绑定-在引导中显示图像';什么是爆米花?

Knockout.js 敲除自定义绑定-在引导中显示图像';什么是爆米花?,knockout.js,Knockout.js,我的定制绑定工作正常,有点: popover可以工作,但内容是一个链接,而不是图像本身。我怎样才能让图像显示在popover中 代码: ko.bindingHandlers.bootstrapPopover = { init: function (element, valueAccessor, allBindingsAccessor, viewModel) { var options = valueAccessor(); var defaultOptio

我的定制绑定工作正常,有点:

popover可以工作,但内容是一个链接,而不是图像本身。我怎样才能让图像显示在popover中

代码:

ko.bindingHandlers.bootstrapPopover = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        var options = valueAccessor();
        var defaultOptions = {trigger: 'hover'};
        options = $.extend(true, {}, defaultOptions, options);
        $(element).popover(options);
    }
};
var viewModel = {
    sideOneTextContent: ko.observable('<img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />')
}
ko.applyBindings(viewModel);
ko.bindingHandlers.bootstrapPopover={
init:函数(元素、valueAccessor、allBindingsAccessor、viewModel){
var options=valueAccessor();
var defaultOptions={trigger:'hover'};
options=$.extend(true,{},defaultOptions,options);
$(元素).popover(选项);
}
};
var viewModel={
sideOneTextContent:ko.可观察(“”)
}
应用绑定(视图模型);

您需要将“html:true”选项添加到元素绑定中。看


<a class="image-content-saved" href="#" data-bind="bootstrapPopover: { content: sideOneTextContent(), html:true }">
    <img src="http://www.dailydesigninspiration.com/diverse/adv/publicis/Omax-Wide-Angle-Lenses.jpg" />
</a>