data binding - multiple - Plantilla Knockout que utiliza la propiedad data-bind to image src no funciona

knockout js data bind multiple attributes

Question

No puedo ver qué está mal aquí, pero la imagen no se muestra con la siguiente plantilla 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>

El objeto al que se lo está obligado se ve así:

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?");
     }
};

Cuando se renderiza el objeto HTML, veo la etiqueta y al hacer clic en la casilla invoca doSomething.

TIA.

Answer 1

Solo unos pocos atributos se pueden enlazar directamente; intente usar attr : le permitirá establecer cualquier atributo en un elemento.

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