ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.94k stars 13.52k forks source link

Virtual scroll not working in ion-slides #6974

Closed elineopsommer closed 7 years ago

elineopsommer commented 8 years ago

Short description of the problem:

Without the slider, the list behaves normally, but with the ion-slides, the content is not displayed correctly.

What behavior are you expecting?

Data shown correctly

Steps to reproduce:

  1. Make slider
  2. Make virtual list in slider
    <ion-slides #contentSlider (ionWillChange)="contentListChanged()">
      <ion-slide *ngFor="let contentTab of contentOfNavigationTabs">
        <ion-list [virtualScroll]="contentTab">
          <ion-item *virtualItem="let item">
            {{item}}
          </ion-item>
        </ion-list>
      </ion-slide>
    </ion-slides>

Which Ionic Version? 2-beta0.0.9

Plunker that shows an example of your issue

http://plnkr.co/edit/BgRiHgBEPXLK3G9LRkq2?p=preview

Run ionic info from terminal/cmd prompt: Cordova CLI: 5.4.1 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X El Capitan Node Version: v5.3.0 Xcode version: Xcode 7.3.1 Build version 7D1014

elineopsommer commented 8 years ago

@jgw96 Any updates on this? It is really important for us that this works..

jgw96 commented 8 years ago

Hello @elineopsommer i dont have any updates on this at the moment, but i will get back to you as soon as i do. Thanks for using Ionic!

elineopsommer commented 8 years ago

@jgw96 It's been a while since this issue is posted, do you have an update on this?

tuna1207 commented 7 years ago

I'm having this problem too :( , looking forward for update @jgw96

adamdbradley commented 7 years ago

At this time we virtual scroll is not designed to work within ion-slides. I would recommend using a normal ngFor, and to reduce the amount of data trying to be fit within each slide.

renwei0207 commented 7 years ago

Hi, I'm having this problem too, is there any solutions now?

aaalsubaie commented 6 years ago

any update on this?

ionitron-bot[bot] commented 6 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.