當與knockout.js一起使用「attr-binding」時，無效的HTML（img：'src'必須非空）

Question

我喜歡knockout.js，而且我經常使用它。

但是，當我使用 「ATTR結合」 爲IMG的src或alt屬性，像

data-bind="attr: { src: photo.src, alt: 'description'}" 

的W3C驗證器說是無效的HTML：

的屬性src壞值元素img：必須是非空的。

他們是對的，因爲在模型被綁定和執行之前屬性是空的。

是否有任何其他的解決方法，比提供一個錯誤的圖像鏈接？或換句話說，這是有人以前面臨的真正問題嗎？

Answer 1

您可以隨時使用 -

data-bind="attr: { src: photo.src || 'default.jpg' }" 

小提琴的例子 - http://jsfiddle.net/jAYPL/

Answer 2

您可以嘗試

<img src="#" alt="" data-bind="attr: { src: photo.src, alt: 'description'}" />