如果ng-src图像属性引发错误,有没有办法抑制控制台错误?

时间:2015-08-19 19:13:37

标签: javascript angularjs image

我在角度中有以下代码。

<img class="img-circle image-stroke" ng-src="{{person.photo}}" onerror="this.src='http://www.clker.com/cliparts/5/9/4/c/12198090531909861341man%20silhouette.svg.hi.png'"></img>

我使用photo属性从数据库中获取人物对象,该属性包含人物照片的网址。问题是,有时这个值将为null。正如您所看到的,我已在标记中使用onerrror属性对其进行处理,因此只要它为null,并且ng-src会抛出错误,它就会回退到默认值图片。

问题是,它仍然会在控制台中抛出以下错误。

GET http://localhost:3000/module/seasons/person.photo 404 (Not Found)

有没有办法抑制此错误?在制作中,很可能会有12或13个人一次没有照片价值而且我不希望我的老板在控制台中看到12或13个错误,即使没有任何打破实际网站。

1 个答案:

答案 0 :(得分:7)

只有在src不为null且呈现备份映像时才能呈现:

<img ng-if="person.photo" class="img-circle image-stroke" ng-src="person.photo"></img>
<img ng-if="!person.photo" class="img-circle image-stroke" src="http://www.clker.com/cliparts/5/9/4/c/12198090531909861341man%20silhouette.svg.hi.png"></img>