我在角度中有以下代码。
<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个错误,即使没有任何打破实际网站。
答案 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>