Angular Can'；t将图像路径绑定到模板-角度

我的代码是

<img *ngIf="photo" [src]="../../../../../../public/assets/images/2019-02-16T14:43:00.869Zpp1.jpg" alt="" class="img-responsive"/>

完整的想法是对具有

userImgPath

属性的用户文档发出GET请求，将其发送到图像所在的位置。然后从

img

标签将其绑定到

src=”“

。但我不能先这么做。我不知道出了什么问题，这是通往图像的道路。目录和映像已存在

更新：

在pzaenger回答之后，我得到了这个

---

使用

''

转义路径：

---

使用

''

转义路径：

---

使用src insted[src]第二个用于字符串插值

示例：

<img src="assets/img/1.jpg" alt="image">

<img src='http://google.com/img/1.jpg' alt='image'>

<img [src]="imagePath" />

<img src={{imagePath}} />

编辑：

---

如果在应用程序内部，则路径应为assets/images/imagename.jpg或./assets/images/imagename.jpg

使用src insted[src]第二个路径用于字符串插值

示例：

<img src="assets/img/1.jpg" alt="image">

<img src='http://google.com/img/1.jpg' alt='image'>

<img [src]="imagePath" />

<img src={{imagePath}} />

编辑：

---

如果在应用程序内部，路径应该是assets/images/imagename.jpg或./assets/images/imagename.jpg

添加到@pzaenger提到的内容中，您需要从正确的位置提供图像。如果您使用angular cli生成了应用程序，则可以在

src/assets

文件夹中使用图像，并在模板中使用，如

[src]=“'assets/photo.jpg'”

---

编辑：您可以修改

angular.json或angular cli.json

（如果使用angular cli生成），以更改添加到生成中的

资产

中的文件夹

再加上@pzaenger提到的内容，您需要从正确的位置获得图像。如果您使用angular cli生成了应用程序，则可以在

src/assets

文件夹中使用图像，并在模板中使用，如

[src]=“'assets/photo.jpg'”

---

编辑：您可以修改

angular.json或angular cli.json

（如果使用angular cli生成），以更改添加到生成中的

资产

中的文件夹

我没有得到错误，现在我得到了

2019-02-16T14:43:00.869Zpp1.jpg:1http://localhost:4200/public/assets/images/2019-02-16T14:43:00.869Zpp1.jpg 404（未找到）

且图像未显示。谢谢你的回答。我没有得到错误，现在我得到了

2019-02-16T14:43:00.869Zpp1.jpg:1http://localhost:4200/public/assets/images/2019-02-16T14:43:00.869Zpp1.jpg 404（未找到）

且图像未显示。谢谢你的回答。我得到了更新中提到的404错误。谢谢你的回答。我得到了更新中提到的404错误。谢谢你的回答，这很有效。这就像是我想要的解决办法。我必须把我的图片上传到前端目录。他们在后台的什么地方。。。不管怎样，现在这解决了我的问题。非常感谢你！这起作用了。这就像是我想要的解决办法。我必须把我的图片上传到前端目录。他们在后台的什么地方。。。不管怎样，现在这解决了我的问题。非常感谢你！

<img src="assets/img/1.jpg" alt="image">

<img src='http://google.com/img/1.jpg' alt='image'>

<img [src]="imagePath" />

<img src={{imagePath}} />