Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Same Images Loaded using virtualScroll
See original GitHub issueWhen using with virtualScroll I am seeing the same images repeated as I scroll.
For example:
<ion-list [virtualScroll]="speakers" [approxItemHeight]="'70px'">
<ion-item *virtualItem="let speaker" (click)="goToSpeakerDetail(speaker)">
<ion-avatar item-left>
<img-loader [src]="speaker.headshot" useImg [spinner]="false"></img-loader>
</ion-avatar>
<h2>{{ speaker.name }}</h2>
<p>{{ speaker.title }}</p>
</ion-item>
</ion-list>
Issue Analytics
- State:
- Created 7 years ago
- Comments:11 (5 by maintainers)
Top Results From Across the Web
Lazy loading images and managing lists with Ionic VirtualScroll
We'll be using the VirtualScroll API and <ion-img> component to only load and display images for the list WHEN our records (created from...
Read more >Ionic 5: VirtualScroll and images caching - Stack Overflow
The problem is that the same images (from outside url) are loading again every time you scroll down and up so, it's really...
Read more >ion-virtual-scroll - Ionic Framework
With ion-img , images are lazy loaded so only the viewable ones are rendered, and HTTP requests are efficiently controlled while scrolling. Set...
Read more >Learn how to use Virtual Scrolling in Angular | codeToBe
Have you ever worked with large lists of data and wondered how to present them to the user efficiently? Perhaps you've used a...
Read more >Infinite Scrolling vs Virtual Scrolling in Angular
Often in our applications, we need to load large datasets, they can be represented by a feed of posts, articles, images, and so...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@ihadeed I will look into this and get back to you.
Having the same issue right now with 2000 items in ion-virtual-scroll