渲染图像标签的静态图像中角2

问题描述：

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

在选择。 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" />

我需要添加什么路径才能使它工作？

你也尝试过Tic_tac_toe.png吗？ –

这也是行不通的。 –

您是使用角度cli还是设置了自定义生成配置？ –

答

当你移动到浏览器和检查元素，你会发现图片的路径是这样

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

你应该动您的图片文件夹到资产文件夹并使用此

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

答

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

资产/ *当你建立你的应用程序在那里你可以把图像和其他任何一个文件夹复制批发。

它的工作：<img src="assets/images/test.png" />

这只适用于角度cli项目，或者如果构建是这样配置的。它不会奇迹般地为任何项目开箱即用 –

渲染图像标签的静态图像中角2

相关推荐