angularjs - 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，否则图像 url 将被逐字解析。确实存在类似的视频http://www.dailymotion.com/thumbnail/video/4，但不存在文字字符串http://www.dailymotion.com/thumbnail/video/{{video.id}}

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