在 Angular 2 中的图像标记中渲染静态图像

Render static image in image tag in Angular 2

我想将图片附加到 angular 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" />

我需要添加什么路径才能使其正常工作?

发件人:https://angular.io/guide/quickstart

assets/* A folder where you can put images and anything else to be copied wholesale when you build your application.

成功了:<img src="assets/images/test.png" />

当你移动到浏览器并检查元素时,你会发现图像的路径是这样的

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

您应该将图像文件夹移动到资产文件夹并使用此

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