Menu
Newbedev LogoNEWBEDEV Python Javascript Linux Cheat sheet
Newbedev LogoNEWBEDEV
  • Python 1
  • Javascript
  • Linux
  • Cheat sheet
  • Contact

Ionic 3 slide not working with autoplay

There seems to be an issue when trying to create the slides elements, when the data is not ready yet. To fix it, use an *ngIf to create the slides only when the data is ready:

<ion-slides *ngIf="PImage && PImage.length"  autoplay="5000" loop="true" speed="500" class="slides" pager="true">
      <ion-slide *ngFor="let Image of PImage">
         <img src="{{Image.URL}}" alt="Product Image">
      </ion-slide>
 </ion-slides>

Tags:

Typescript

Angular

Ionic Framework

Ionic2

Ionic3

Related

Plot multiple columns of Pandas DataFrame using Seaborn How to set Proxy Authentication in seleniumWebdriver for Chrome Browser How to convert Observable<any> to array[] Data table is showing no data available in table using Angular Dynamically ADDING and REMOVING Components in Angular eslint should be listed in the project's dependencies, not devDependencies Angular CLI: __WEBPACK_IMPORTED_MODULE_1_jquery__(...).collapse is not a function Cannot connect to MongoDB via node.js in Docker Getting random number from 6502 assembler Lightgbm OSError, Library not loaded React.Children.only expected to receive a single React element child error What does .div do in Pandas (Python)

Recent Posts

Pandas how to find column contains a certain value Recommended way to install multiple Python versions on Ubuntu 20.04 Build super fast web scraper with Python x100 than BeautifulSoup How to convert a SQL query result to a Pandas DataFrame in Python How to write a Pandas DataFrame to a .csv file in Python
© 2021 newbedevPrivacy Policy