如何在插值中指定来源

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>

确保您的备份映像位于内部  项目的资产目录，或将其添加到angular.json 中的资产中。

Answer 2

如果您使用的是Angular，则应查看

<img [src]="myPath"/>

代替<img src="">

https://angular.io/guide/template-syntax