我的文件夹中有本地图像。但我不能使用此图像。文件夹结构:

css - 如何在Angular 5的<img>中使用图像-LMLPHP

我想在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(请参见圆点)。配置的结构略有不同,只需查找“资产”即可。

10-04 22:36