无法显示Angular下资源部分中列出的一些图像

时间:2018-01-04 14:13:58

标签: angular typescript

我已经完成了我的研究,发现了onetwo个答案,说明我应该在 assets 部分中定义我的文件em> angular-cli.json 文件。我已完成如下操作。

"assets": [
  "assets",
  "mylogo.png",
  "favicon.ico"
],

稍后,在模板中,我执行以下操作。

<img src="mylogo.png">
<img src="favicon.ico">

第一个显示为断开的链接,而第二个(默认的Angular图标)显示正常。我无法理解它,因为它们都位于同一目录中,并且两者都在配置文件中引用。

我错过了什么?

1 个答案:

答案 0 :(得分:2)

我有同样的问题,但我想显示一个自定义图标。 我的解决方案是删除facicon.ico和.angular-cli.json中的删除。

"assets": [
  "assets",
  "house.png"
 ],

我在HTML index.html中的实现

<link rel="icon" type="image/x-icon" href="house.png" />

The implemented custom Icon

然后重新启动您的应用程序。