角度5：是否有简单的方法检查背景图像是否消失，然后使用默认图像？

Question

在angular 2+中，在模板<img>标记中，我们执行以下操作：<img [src]="myDp" (error)="myDp='assets/media/user/default_dp.jpg'">，其中myDp具有服务器上图像的相对路径。现在有什么方法可以与内联css background-image中使用的图像相似？

Answer 1

您可以将多个图像附加到background-image属性中，因此，如果最后一个图像失败，则将使用前一个图像。示例：

background-image: url('assets/fallbackimage.jpg'), url('some/image/url/that/might/fail');

Answer 2

如果我没记错的话，可以使用'image（）'表示法。像这样：

background-image: image("wavy.svg", 'wavy2.png');

如果第一个损坏，将显示第二个。您能检查一下是否可行吗？