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

Question

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

我的图片标签是这样的：

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

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

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

感谢您的任何回答！

Answer 1

您可以使用 ngIf 等待 detailEntry

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

Answer 2

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

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