如果第一个失败，如何显示默认源？

Question

我遇到过这种情况，如果服务器上没有图像，我会尝试显示一般图像。

我想使用三元运算符来实现它，但是 "src" 不适用于第二个条件。

<div class="test-picture">
   <img src="{{(test?.picture)? test.picture : '/images/test.png'}}" alt="test Image">
</div>

Answer 1

尝试使用：

<div class="test-picture">
        <img [src]="(test.picture)? test.picture : 'assets/images/test.png'" alt="test Image">
    </div>

确保你的备份图片在里面项目的assets目录或添加到angular.json.

中的assets

Answer 2

如果您正在使用 Angular，您应该看看

<img [src]="myPath"/>

而不是<img src="">

How do I display a default source if the first one fails?