如何添加图像Jhipster Angular

Question

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

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

我在homecomponent.html中使用<img src="srcmainwebappcontentimagesagenda.jpg" alt="agenda" width="200px"/>作为链接，但它不适用于

我使用angular 14和jhipster

Answer 1

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

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

Answer 2

Gaël的回答非常有启发性，对我有帮助。我要说的是，在我的情况下，我不得不从图像源路径中删除第一个斜杠，如下所示：

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

我上的是Angular 1.5.8。