Question

我的应用结构如下：

index.html
main.ts
app
 |--main.component.html
 |--main.component.ts
 |--app.module.ts
 |--note.png
... etc

我想使用main.component.html中位于同一文件夹下的note.png。我尝试了<img src="note.png"/>和<img src="./note.png"/>，但图片未显示。浏览器转到/note.png搜索图片。

有没有什么好方法可以使用相对路径找到资源？我无法使用，因为我可能在不同的文件夹下有很多页面，它们的基本href是不同的。

Answer 1

如果您使用的是Angular CLI，则可以将资源放在所需的任何文件夹中。您只需将这些文件夹添加到.angular-cli.json文件中：

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

因此，如果你想在img文件夹中放置一些图像，你可以像这样修改它：

  "assets": [
    "assets",
    "img",
    "favicon.ico"
  ],

希望有所帮助。