如何在Angular 5上使用<img>中的图像
我的文件夹中有一个本地映像。但我不能使用这张图片。文件夹结构：
我想在login.component.html中使用logo.jpg。我使用的是以下代码：
<img src="img/logo.jpg">但对我来说不是工作
回答 3
Stack Overflow用户
发布于 2018-07-31 06:03:10
假设你使用的是@angular/cli，试着把你的img文件夹移到src\assets下，然后执行<img src="assets/img/logo.jpg">。
标准方法是将资产放到应用程序源代码根目录下的assets文件夹中。在angular.json中，构建器被告知通过定义(例如)来包括资产：
projects.<your-project>.architect.build.options.assets: [ "src/assets", "src/favicon.ico", "src/manifest.json" ]
无论定义了什么，都会被逐字复制到您的dist文件夹中。
请注意，资产必须位于src根目录下的某个位置。因此，尝试将"src/../img"添加到配置将失败。至少使用我的配置和CLI。
编辑:刚刚注意到你提到了Angular5。那是很久以前的事了，但是IIRC那里的配置文件被命名为.angular.json (见点)。config的结构略有不同，只需查找“资产”即可。
Stack Overflow用户
发布于 2018-07-31 02:27:31
您需要提供完整的相对路径
我认为这是：
src="../.././img/logo.jpg"或者也许
src="../../../img/logo.jpg"Stack Overflow用户
发布于 2018-07-31 04:22:18
将路径更改为：'../../../img/logo.png'
或者将img移动到src，src/assets中的assets下
然后在您的img src中引用：
img src="assets/img/logo.png">
https://stackoverflow.com/questions/51600133
复制相似问题