在Angular App中显示Clearbit中的图像

Question

我需要使用Angular App显示Clearbit网站上的图像。

正在尝试，但图像无法显示。

<div style="justify-content: center; display:flex;height: 70px">
<img src="{{https://logo.clearbit.com/suzy.com/}}" class="issuer-img" />
</div>

Answer 1

如果你删除你的{{…}}左右源，可以显示图像

<div style="justify-content: center; display:flex;height: 70px">
<img src="https://logo.clearbit.com/suzy.com" class="issuer-img" />
</div>

Answer 2

<img class="issuer-img" [style.background-image]="'url(' + ({{issuer.imageURL}} | async) + ')'">