Question

图像上传后未显示在我的应用程序中，但显示我是否对角度应用程序进行了任何更改。控制台错误

但是在相应位置有文件，但是直到角度应用程序发生任何变化时才显示

Answer 1

基本上可以通过这种方式加载角度图像。

<img [src]="yourImagePath" />

路径应如下所示。

assets/posts/image.png

首先尝试在for循环中打印图像名称，并检查路径是否正确。

第二件事，我建议您使用angular的ng-template功能。这是角度的最强大功能之一。这主要用于显示或加载网页中的动态内容。

注意：确保图像路径中不应存在空格。

如果仍然无法加载或访问图像，则也可以尝试此操作。

1），您应该尝试从angular的应用程序路径（如果是资源路径）加载图像。

[src]="app/path/assets/posts/image.png"     // Make path as per your structure.

2）另一个选项：

[src]="./assets/posts/image.png">

更新

问题是，当您运行在内存webpack开发服务器中触发的ng serve时，而不是您要在服务器上运行的事情，仅用于开发人员。这样，在重新启动ng服务之前，您不会在资产文件夹中发生任何更改，因为它是在.angular-cli.json中配置的静态资产的默认文件夹。

因此，当您动态访问assets文件夹时，不必重启应用程序。

解决方案：

我建议您使用其他位置访问动态图像。

例如：您可以在...上上传新图像

public/images