Ionic 4 lecture automatique du curseur

Question

Je veux faire glisser automatiquement le curseur ionic mais cela ne fonctionne pas. Le curseur contient également des images. Les données proviennent de l'appel de l'API.

  <ion-slides  autoplay="5000" loop="true" speed="300" pager="true" >
        <ion-slide *`ngFor`="let item of topStories">
            <ion-card (click)=" this.newsService.onGoToTopStoryPage(item)">
                <ion-card-content >
                    <ion-img [src] = "item.image"></ion-img>
                    <h2> <b>{{item.title}} </b></h2>
                    <h4>{{item.summary}}</h4>
            </ion-card-content>
            </ion-card>
        </ion-slide>
       </ion-slides>

Answer 1

Je suppose que vous avez rencontré des problèmes de course. Peut-être que l'élément a été rendu avant que les données (topStories) ne soient prêtes. Dans ce cas, il n'y a pas de diapositive pour "lecture automatique".

Essayez de mettre un * ngIf à l'élément pour rendre l'élément lorsque les données sont prêtes. Par exemple:

this.data_loaded = false;
...

this.apiGetData().then((data) => {
    ...
    this.data_loaded = true;
});


######################################

<ion-slides *ngIf="data_loaded">
...
</ion-slides>