javascript - 如果背景图片不存在，则在 Angular 中显示另一个背景

Question

我正在使用 Angularjs

我有这个代码

<span variant="2" class="thumb" style="background-image: url(1UP-Cook/31UP-Cook-articleLarge.jpg'); width: 270px; height: 270px;"></span>

现在我想如果我的背景 src 不存在

我想在上面显示默认图像..

任何想法，如何做到这一点

谢谢

Answer 1

尝试一下，将默认图像设置为 .thumb_wrapper 背景。

span {display:block}

<span class="thumb_wrapper" style="background-color:red">
    <span 
        class="thumb" 
        style="background-image: url('1UP-Cook/31UP-Cook-articleLarge.jpg'); width: 270px; height: 270px;"
    >
        lorem
    </span>
</span>