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 demonstrating the img ng-src行为。您可以通过Firebug中的网络选项卡看到您没有收到404错误。