Without the slider, the list behaves normally, but with the ion-slides, the content is not displayed correctly.
Data shown correctly
Steps to reproduce:
<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
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
@jgw96 Any updates on this? It is really important for us that this works..
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!
@jgw96 It's been a while since this issue is posted, do you have an update on this?
I'm having this problem too :( , looking forward for update @jgw96
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.
Hi, I'm having this problem too, is there any solutions now?
any update on this?
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.