如何在离子应用程序中从服务器获取多个图像？

Question

我想在我的应用程序中从服务器获取多张图片。因此，为此，我尝试使用以下代码：

<div class="one-image" *ngFor="let image of [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]">
  <img src="http://mysite.co.in/ionic/{{image}}.jpg">
</div>

这里我有一个工作代码，这样一切正常，但是如果那时我在一个文件夹中有超过 100 张图像怎么办？每次写入图像编号都不好，或者有什么方法可以从应用程序中的文件夹中获取所有图像...请帮忙:)

Answer 1

你可以通过循环图像的数量来实现它们。从服务器分配图像计数并像这样循环它们

在ts文件中

imgRange = 100;
imgArr = [];
for(let i=1; i<=imgRange; i++){
this.imgArr.push(i);
}

然后在 html

<div class="one-image" *ngFor="let image of imgArr">
  <img src="http://mysite.co.in/ionic/{{image}}.jpg">
</div>

如何在离子应用程序中从服务器获取多个图像？

How to get multiple image from the server in ionic app?

ionic-framework

ionic4