javascript - 如何在 Angular 中使用 *ngFor 动态调用所有图像并显示？

Question

我的 Assets 文件夹中有很多图像，我试图使用 *ngFor 来显示它们

*.ts

this.assetsImages = ['12.jpg', 'tt.jpg', 'an.jpg', 'pn.png'];

.html

<div *ngFor="let image of assetsImages" >
      <img src="../../assets/{{image}}" height="100px" width="100px" >
</div>

上面我静态地编写了要显示的图像的路径。但如果我有大量图像，我需要对所有路径进行硬编码，这是不可行的。

是否有其他方法可以动态显示所有图像？

Answer 1

前端无法做到这一点。您需要的是使用后端并在其中返回文件。