在Angular 2

Question

我想将图像附加到角度为2的图像标记。

我的应用程序有以下结构，

在 choice.Component.html 视图中，我想在图片代码中显示 UserDefaultImage.png 图片。

我尝试了下面的事情，但没有运气。

<img src="../images/DefaultUserImage.png" />
<img src="./images/DefaultUserImage.png" />
<img src="/images/DefaultUserImage.png" />
<img src="app/images/DefaultUserImage.png" />
<img src="/app/images/DefaultUserImage.png" />

我需要添加哪条路径才能使其正常工作？

Answer 1

来自：https://angular.io/guide/quickstart

  

<强>资产/ *   在构建应用程序时，您可以在其中放置图像和其他任何可以批量复制的文件。

这是工作：<img src="assets/images/test.png" />

Answer 2

当您移动到浏览器并检查元素时，您将找到图像的路径

  

http://localhost:3000/images/DefaultUserImage.png

您应该将images文件夹移动到assets文件夹并使用此

<img src="assets/images/DefaultUserImage.png" >