使用数据绑定到图像的src属性淘汰赛模板不工作(Knockout template using da

我看不出这里有什么问题，但图像不显示使用下面的淘汰赛模板：

<script type="text/html" id="legend-template">       
    <div><input type="checkbox" data-bind="click : doSomething" ></input>
        <img width="16px" height="16px" data-bind="src: 'imagePath'" />          
        <span data-bind="text : label"> </span>
    </div>        
</script>

对象这个被绑定到看起来像这样：

tut.myObject= function (imagePath, label) {
    this.label = ko.observable(label);
    this.imagePath = ko.observable(imagePath || liveString + '/Content/images/marker.png');   
};

tut.myObject.prototype = {
    doSomething: function () { alert("do what?");
     }
};

当HTML对象呈现我看到的复选框标签并点击调用DoSomething的。

TIA。

Answer 1:

只有少数属性可以直接绑定; 尝试使用attr -它可以让你设置任何属性的元素上。

<img width="16px" height="16px" data-bind="attr:{src: imagePath}" />  

文章来源: Knockout template using data-bind to image src property not working