AngularJS:防止img src属性中的404错误

Question

我想加载视频缩略图

<img src="http://www.dailymotion.com/thumbnail/video/{{video.id}}">

但是在加载AngularJS之前,我收到404错误

获取http://www.dailymotion.com/thumbnail/video/%7B%7Bvideo.id%7D%7D 404(未找到)

这不是什么大问题,但我想解决它.

Answer 1

您应该使用ng-src或图像网址将按字面解析.像http://www.dailymotion.com/thumbnail/video/4这样的视频确实存在,但不是文字字符串http://www.dailymotion.com/thumbnail/video/{{video.id}}

我做了一个jsfiddle来演示img ng-src的行为.您可以通过Firebug中的网络选项卡看到您没有收到404错误.