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>

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

1 个答案: