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

时间:2017-07-07 13:59:40

标签: javascript angular http-status-code-404

我会尝试在页面加载到单击形式打开的模式窗体后加载图像。

我的图片标记如下:

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

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

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

谢谢你的回答!

2 个答案:

答案 0 :(得分:1)

您可以使用ngIf等待detailEntry

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

答案 1 :(得分:1)

您可以使用* ngIf来保持图像标记在没有有效src的情况下呈现。

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