Fatal编程技术网
  • angular/
  • Angular 绑定后不会显示角度图像

Angular 绑定后不会显示角度图像

angular image binding

Angular 绑定后不会显示角度图像,angular,image,binding,Angular,Image,Binding,我有一个项目，其中的图像必须上传到服务器，然后立即显示。我成功地将图像正确上传到文件夹资产/图像中。但是，当我绑定图像的src属性时，它没有显示出来。要显示图像，我必须重新启动应用程序 以下是html： <img *ngIf="product.imgPath!=''" src="{{product.imgPath}}" style="max-width:300px" /> 当我检查图像的地址时，它是正确的，但是没有显示图片。您必须像下面那样绑定src <img *ngIf

我有一个项目，其中的图像必须上传到服务器，然后立即显示。我成功地将图像正确上传到文件夹资产/图像中。但是，当我绑定图像的src属性时，它没有显示出来。要显示图像，我必须重新启动应用程序

以下是html：

<img *ngIf="product.imgPath!=''" src="{{product.imgPath}}" style="max-width:300px" />
当我检查图像的地址时，它是正确的，但是没有显示图片。

您必须像下面那样绑定src

<img *ngIf="product.imgPath!=''" [src]="product.imgPath" style="max-width:300px" />
资产
文件夹通常用于静态资产。在开发模式下，您需要在修改
资产
文件夹的内容后重新启动
ng serve


我建议您将资产上传到其他地方，并使用Web服务器（nginx或其他）为其提供服务。
您收到任何错误吗？不，没有错误。正如我所说，src属性已正确填充，但图片未显示，我只能看到一个代表图像的小图标。为什么它无效？当我重新启动应用程序时，会显示图片。我如何使用web服务器为它们提供服务，请解释。我可以在哪里上传图片？您可以向nginx/apache/IIS Web服务器添加一条规则，这样就可以访问图像文件夹的内容，而无需通过
ng serve
我正在本地使用VS和IIS Express进行开发。必须有另一种解决办法来做到这一点。我知道新的静态内容无法识别？如何引用图像路径？它可能是由IIS处理的。如果它只是“”，那么它将无法工作。我将使用相对路径：“../assets/images/nameofimage.jpg”