角度5:有没有一种简单的方法可以检查背景图像是否无效，然后使用默认图像

Question

在angular 2+中，在模板<img>标记中，我们做如下操作：<img [src]="myDp" (error)="myDp='assets/media/user/default_dp.jpg'">，其中myDp具有到服务器上图像的相对路径。现在有没有类似于内联cssbackground-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');

如果第一个已损坏，将显示第二个。你能检查一下这是否有效吗？