Angular2 [src] 动态加载图像时导致 404 错误答案

【问题标题】：Angular2 [src] causing 404 error when loading image dynamicallyAngular2 [src] 动态加载图像时导致 404 错误
【发布时间】：2017-12-11 20:47:24
【问题描述】：

我会在页面加载到点击打开的模态表单后尝试加载图像。

我的图片标签如下所示：

<img src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png">

图片来源正确。但是当我加载页面时，我的变量 detailentry 是空的，因为我是通过单击按钮来填充它的。所以控制台向我显示了一个带有 url 的 404 错误： “/src/files/bstand.png” 不存在的 Wehen ic 点击按钮图片加载正常。

我记得我在 angular 1 中使用了ng_src，我认为等效的喊叫是[src]，但它不起作用。

感谢您的任何回答！

【问题讨论】：

【解决方案1】：

你可以用ngIf等待detailEntry

<img *ngIf="detailEntry.bearbeitungsstand" src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png">

【讨论】：

【解决方案2】：

您可以使用 *ngIf 来防止在没有有效 src 的情况下呈现图像标签。

<img *ngIf="detailEntry.bearbeitungsstand" src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png">

【讨论】：