如何添加图像 Jhipster Angular答案

【问题标题】：How add image Jhipster Angular如何添加图像 Jhipster Angular
【发布时间】：2023-02-02 00:23:32
【问题描述】：

我在 jhipster 中看到图像时遇到问题。

我将图像放在组件文件夹和文件夹 src/main/webapp/content/images 中但我在浏览器上看不到图像，我只看到 alt 标签议程。

我在 homecomponent.html 中使用 <img src="src\main\webapp\content\images\agenda.jpg" alt="agenda" width="200px"/> 作为链接，但它不起作用

我使用 angular 14 和 jhipster

【问题讨论】：

【解决方案1】：

您的 webapp 的根目录映射到 src/main/webapp 文件夹，这就是为什么图像源应该是：

<img src="/content/images/agenda.jpg" alt="agenda" width="200px"/>

【讨论】：

【解决方案2】：

Gaël 的回答非常有用，对我很有帮助。我会说，在我的例子中，我必须从图像源路径中删除第一个斜杠，如下所示：

<img src="content/images/agenda.jpg" alt="agenda" width="200px"/>

我在使用 Angular 1.5.8。

【讨论】：