参考资料: html5没有图片，就默认一张
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript">
function nofind() {
var img = event.srcElement;
alert("没有图片,我就默认一张");
img.src = "https://www.baidu.com/img/bd_logo1.png";// 百度图片的地址
img.onerror = null;// 控制不要一直跳动
}
</script>
</head>
<body>
<img src="/images/不存在图.jpg" alt="北京" title="北京" onerror="nofind();">
</body>
</html>
但是在Ionic中的写法如下：
<img src="./assets/img/point-39-x.png" alt="无相片" (error)="noPicture($event)" />
注意写法是： (error)="noPicture($event)"
private noPicture(event): void {
var img = event.srcElement;
alert("没有图片,我就默认一张");
//img.src = "https://www.baidu.com/img/bd_logo1.png";// 百度图片的地址
img.src = "./assets/img/no-picture.png";
img.onerror = null;// 控制不要一直跳动
}