图片为空时浏览器报错GET http://localhost:4200/null 404 (Not Found)

339 阅读1分钟

在渲染图像的时候,当图像为空时,angular允许src绑定一个null,编译器虽然不会报错,但浏览器会抛出一个异常,即

GET http://localhost:4200/null 404 (Not Found)

解决方法一

判断null值对图像进行相应的处理:

<img *ngIf="row.products_image" [src]="row.products_image" class="sku_img">

如果使用?运算符过滤空异常:

<img [src]="row?.products_image" class="sku_img">

依旧会抛出这个异常。