在 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" />
当你移动到浏览器并检查元素时,你会发现图像的路径是这样的
您应该将图像文件夹移动到资产文件夹并使用此
<img src="assets/images/DefaultUserImage.png" >
我想将图片附加到 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" />
当你移动到浏览器并检查元素时,你会发现图像的路径是这样的
您应该将图像文件夹移动到资产文件夹并使用此
<img src="assets/images/DefaultUserImage.png" >