首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >AngularJS:防止img src属性中出现404错误

AngularJS:防止img src属性中出现404错误
EN

Stack Overflow用户
提问于 2013-07-03 21:12:07
回答 1查看 10.8K关注 0票数 18

我想加载视频的缩略图

代码语言:javascript
复制
<img src="http://www.dailymotion.com/thumbnail/video/{{video.id}}">

但是在加载AngularJS之前,我得到了一个404错误

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-03 21:19:08

您应该使用ng-src,否则图像url将被逐字解析。像http://www.dailymotion.com/thumbnail/video/4这样的视频确实存在,但不存在文字字符串http://www.dailymotion.com/thumbnail/video/{{video.id}}

我做了一个jsfiddle demonstrating the img ng-src行为。您可以看到,在Firebug中的network选项卡中,您没有得到404错误。

票数 36
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17448992

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档