我的文件夹中有本地图像。但我不能使用此图像。文件夹结构:
我想在login.component.html中使用logo.jpg。我正在使用此代码:
<img src="img/logo.jpg">
但是对我不起作用
最佳答案
TL; DR:假设您正在使用@ 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
(请参见圆点)。配置的结构略有不同,只需查找“资产”即可。