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

标签 javascript angular http-status-code-404

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

我的图像标签如下所示:

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

图片来源正确。但是当我加载页面时,我的变量详细信息条目是空的,因为我是通过单击按钮来填充它的。 所以控制台向我显示 404 错误,网址为: “/src/files/bstand.png” 哪个不存在 当点击按钮时,图像已正确加载。

我记得我在 Angular 1中使用了ng_src,我想等效的喊叫是[src],但它不起作用。

感谢您的回答!

最佳答案

你可以用ngIf等待detailEntry

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

关于javascript - Angular2 [src] 动态加载图像时导致 404 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44972713/

相关文章:

angular - 如何让 Angular2 在渲染组件之前等待 promise

javascript - 如何与具有背景的 HTML 元素下的 DOM 元素交互?

javascript - 是否可以使用react-router-dom动态地浏览不同的本地主机?

css - 无法在 Angular 中选择绑定(bind)属性

mysql - 使用 Laravel 进行路由时出现 404 not found 错误

indexing - 工作正常的索引页面上的 Google 404 软错误

java - 如何在Java中模拟一个站点?

javascript - 如何使用 jQuery 将 html block (<ul>) 直接放置在 &lt;input&gt; 下?

javascript - 询问不能直接转换为手动实现的异步迭代的异步生成器的示例

javascript - 使用 jQuery datepicker 和 Angular 2 更改事件