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>