web-dev-qa-db-ja.com

data-bind to image 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 + '/Content/images/marker.png');   
};

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

HTMLオブジェクトがレンダリングされると、ラベルが表示され、チェックボックスをクリックするとdoSomethingが呼び出されます。

TIA。

65
Klaus Nji

直接バインドできる属性はわずかです。 attrを使用してみてください-要素に任意の属性を設定できます。

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