Angular 如何将src属性设置为项目外url？

我在做一个爱奥尼亚项目。我想在图像标记中插入一个包含图像Url的变量

<div *ngFor="let item of imagearr">
<img src=item.image.URL>

我试过了，但它没有读到URL的内容。 我也尝试了[src]而不是src，但也没有帮助。

---

谢谢你的帮助

你需要像这样把它包在香蕉盒里，

---

[src]=item.image.URL

正如其他人所说，您可以使用这种方法：

<img [src]="item.image.url" />

方括号表示Angular知道如何将属性值作为角度表达式而不是字符串文字进行计算

或者，您可以这样做：

<img src="{{item.image.url}}" />

---

在这种语法中，双花括号告诉Angular将内容作为表达式而不是文字进行处理

您可以尝试以下方法

<img src={{item.image.URL}}>

---

尝试以下方法

你需要使用引号。你知道item.image.URL是object item的string属性吗？@riki，它应该在quotes中，问题可能是因为URL来自云？我的意思是-当我的url在项目中时，一切都很好，但现在-我的url实际上来自存储在云中的bucket中的图像。我认为问题在于没有设置img src属性。如果正在设置；然后可能还有其他问题在起作用。任何web应用程序或移动应用程序都应该能够从云中加载图像，前提是该图像是公开可用的。