Javascript svg文件的Img src不'；如果在angular 8中使用属性绑定，则不起作用

我的组件中有一个数组

this.myArray=[
{
img:“/path/to/myImage.svg”，
标题：“我的形象”
}
]

我在模板中使用它来呈现列表

-->这很有效
-->这将产生错误404

如果我直接提供url，我可以显示svg，但是，属性绑定抛出404错误，我在这里遗漏了什么

---

p.S我的angular项目在angular中不包含angular cli/angular.json，字符串插值用于在HTML模板上显示动态数据（在用户端）。它便于您对component.ts文件进行更改，并从中提取数据到HTML模板（component.HTML文件）

这应该行得通

<ng-container *ngIf="myArray">
    <div *ngFor="let item of myArray">
        <img src="/path/to/myImage.svg"> --> This works
        <img [attr.src]="item.img"> --> this should work
    <div>
</ng-container>

-->这很有效
-->这应该行得通

我认为，如果您正在异步接收数据，那么您的绑定应该可以正常工作。 当收到该值时，AsyncPipe向组件发送信号，以检查是否有更改。

images$：Observable=this.imageService.getImage（）；

在我的情况下不起作用。你能分享你的项目结构吗？虽然这段代码可能提供了一个问题的解决方案，但最好添加上下文说明为什么/如何工作。这可以帮助未来的用户学习，并将这些知识应用到他们自己的代码中。在解释代码时，用户可能会以投票的形式向您提供正面反馈。

<ng-container *ngIf="myArray">
    <div *ngFor="let item of myArray">
        <img src="/path/to/myImage.svg"> --> This works
        <img [attr.src]="item.img"> --> this should work
    <div>
</ng-container>

images$: Observable<Image[]> = this.imageService.getImage();

<div *ngFor="let image of images$ | async">
   <img [src]="image.src"/>
<div>