Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 如何在ionic应用程序中从服务器获取多个映像?_Ionic Framework_Ionic4 - Fatal编程技术网

Ionic framework 如何在ionic应用程序中从服务器获取多个映像?

Ionic framework 如何在ionic应用程序中从服务器获取多个映像?,ionic-framework,ionic4,Ionic Framework,Ionic4,我想在我的应用程序中从服务器获取多个图像。为此,我尝试以下代码: <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个图像

我想在我的应用程序中从服务器获取多个图像。为此,我尝试以下代码:

<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个图像在一个文件夹中,在那个时候该怎么办?每次写入图像编号都不好,或者是否有任何方法可以从应用程序中的文件夹中获取所有图像…请帮助:)

您可以通过循环图像编号来实现。从服务器分配图像计数,并像这样循环它们

在ts文件中

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

对于(让i=1;我将您仅将图像命名为数字?是的,实际上我添加了这样的1.jpg、2.jpg、3.jpg…..等等请稍微解释一下…我可以在ts文件中放置代码的位置或方式?将其放置在您正在加载图像的组件中我现在忘记添加let in the loop check了
<div class="one-image" *ngFor="let image of imgArr">
  <img src="http://mysite.co.in/ionic/{{image}}.jpg">
</div>