@Fran-Diox I did went with onInfiniteScroll option but because I had to sort my table after based on distance, gradual loading just wouldn’t get an accurate sort when the data isn’t all loaded. @munsterlander Just what I had in mind, I had first time users preload the data during app startup and saved them into web storage, then appended them into the page with jQuery .html(). No more load time!

@Piotr-Mitoraj Can you make a small example where this can be seen? You can maybe use this template and hit Report an issue button (it will take you to Github issues).

@munsterlander Thanks for your reply. Yes indefinite amount of tabs.

I am trying to use ons-lazy-repeat with angular 5, and it appears to be not working right. First thing I found out is to reset the list with new data, I had to first set the array to empty and then a half a second later set the array to the final values. this.lazyData = []; setTimeout( () => { this.lazyData = response.data; this.lazyRepeat.refresh(); }); Now the bug I am stuck on is when the list is large enough to require scrolling, the list is actually repeated three times in series. The list has 17 ons-list-items in it. I am using onsenui v2.9.1

@tienlbhoc Look at “load more” functionality (onInfiniteScroll, without lazyRepeat). That’s a better way to deal with async calls. Otherwise, in delegate.createItemContent you can synchronously return an empty new item and then asynchronously modify its content when the data is ready.

@Евгений-Гедройц If you can make a codepen, I will play with it and try to figure out what is going on. Also, avoid using the script tag in code blocks because it makes everything faded out. @Leonardo-Augusto and I learned this the hard way. :smiley:

@shubhanan - thank you for your activity. About using the itemScope - linking the height function to that might affect the performance. The current implementation recalculates the heights if the items count changes, however it does not keep the scopes alive for all the items but rather only for the ones visible in the viewport. So to add that functionality it would need to recreate them or at least call the configureItemScope function, which will probably worsen the performance. Overall it’s best if the logic for calculating the dynamic height is as simple as possible. Still if you have any suggestions for improvements for the API we would be happy to hear them. @lezard - currently we don’t offer an API for switching the current index. Lazy repeat was made with the user scrolling in mind, not us navigating. We may think about adding it in the future, but I’m not sure if we should encourage users to do that. If you want you can just manually scroll to the top. Something along the lines of // Pure JS document.querySelector('.page__content').scrollTop = document.querySelector('#lazy-list').offsetTop; // jQuery $('.page__content').scrollTop($('#lazy-list').offset().top); $('.page__content').animate({scrollTop: $('#lazy-list').offset().top}, 250); // Angular $anchorScroll('lazy-list'); // 1.4.0+ angular.element('.page__content')[0].scrollTop = angular.element('#lazy-list')[0].offsetTop; // earlier versions This is assuming you have only one page and that the parent of the element with the ons-lazy-repeat attribute has an id lazy-list.