使用数据绑定的敲除模板绑定到图像src属性不起作用
我看不出这里有什么问题,但是使用下面的Knockout模板不能显示图像:
<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 + '/Contenthttp://img.dovov.commarker.png'); }; tut.myObject.prototype = { doSomething: function () { alert("do what?"); } };
当呈现HTML对象时,我看到标签并点击checkbox调用doSomething。
TIA。
只有几个属性可以直接绑定; 尝试使用attr
– 它会让你设置一个元素的任何属性。
<img width="16px" height="16px" data-bind="attr:{src: imagePath}" />