使用“attr-binding”与knockout.js时，HTML无效（img：'src'必须为非空）

Question

我喜欢knockout.js而且我经常使用。

但是当我使用“attr-binding”来表示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'}" />