ionic3动态循环的ion-slides轮播图报错如何解决

用ionic3或者ionic4的小伙伴会发现,动态请求完成数据,模板中循环轮播图会有错误,那怎么解决呢?


下面我们看看ionic3动态循环的ion-slides轮播图报错如何解决:


只需要在循环前做判断即可,如下:



 <ion-slides *ngIf="focusList.length>0" class="focus" pager  loop="true" autoplay="3000">    
      <ion-slide *ngFor="let item of focusList">
          <img [src]="config.apiUrl+item.pic" />
      </ion-slide>         
   </ion-slides>