使用淘汰賽與HTML按鈕

Question

我使用淘汰賽以下方式成功：

<div id="Options" data-bind="foreach: Options"> 

     <button type="button" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select"><img src="/path/to/img.png"/></button> 

    </div> 

現在，我試圖改變按鈕進入圖像有以下：

<div id="Options" data-bind="foreach: Options"> 

     <input type="image" data-bind="css: { selected: IsSelected }, attr:{src:/path/to/img.png}, enable: $parent.allow, click: $parent.select" /> 

    </div> 

我的目標是使用淘汰賽將每個選項與自己的圖像配對。

按鈕沒有加載第二個選項，所以我認爲語法關閉。任何想法爲什麼它不工作？

Answer 1

您設置圖像源的方式是錯誤的。您試圖將其設置爲字符串的值，但您需要將其作爲字符串文本（即，用引號）編寫。你能夠在其他綁定中沒有它們的情況下設置綁定的原因是因爲它們是你的視圖模型的屬性。

這些任選其一：

<input type="image" data-bind="css: { selected: IsSelected }, attr:{src:'/path/to/img.png'}, enable: $parent.allow, click: $parent.select" /> 

<input type="image" src="/path/to/img.png" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select" />