ionic3 使用slider时，出现属性为undefined 的问题

参考博客 https://blog.csdn.net/qq_34645412/article/details/77879463

 

如图，红框圈起来的部分，当banner数组有值时，再进行slider的相关属性

 

2.解决slider自动播放时，用手触碰过后，停止自动播放的问题：

加个延迟时因为防止页面enter之后，slider还未赋值完成，slider会是undefined而导致的错误。

 

slider：

<ion-slides #slider pager loop="true" autoplay="2500" speed="500" *ngIf="banners.length">

        <ion-slide *ngFor="let banner of banners" [ngStyle]="            
          {'background' : 'url(' + banner.pic + ')'}" width="100%">
        </ion-slide>
</ion-slides>

 pager loop="true" autoplay="2500" speed="500"

其中，

 loop="true"： 表示循环播放

autoplay="2500"： 表示每2500ms之后 自动播放下一个图

speed="500"：表示播放动作的速度