I have a bit confuse about using virtual scrolling vs ngx-infinite-scroll. What is the better approach for pagination?. Can anyone let me know when for what?
Well explained! But, the infinite scroll uses the spread operator to add more elements. And, this reinitializes the virtual scroll entirely and can cause serious performance hit when the data is huge. The whole point of using virtual scroll is to reduce performance hit from extensive RAM usage. Now we have a different issue. Extensive CPU usage. Correct me If I am wrong.
I have a question, I fully understand all the code except a part, how do you get the first values from the database? Because I understand that you use the startAfter() combination and send it the last name you currently have through the people [people.length - 1] .name), and so on .... But what I do not understand as it begins, how do you obtain the first values ?...
As I am updating the list with Infinite scroll ,my Dom is also getting updated with new items. How can I Restrict my Dom to certain like 10 items ? I have tried to do so while keeping and upward and downward threshold of 10 items. So I fetch 30 items(asynchronously on scroll) and show 10 items at once but when the user scrolls very fast to the top ,my upper items are not seen .
Thank you for the tutorial! One question: If I add " , 'desc' " to the orderBy, I get the following error: ERROR TypeError: Cannot read property 'name' of undefined Any ideas?
I know it's this was asked a year ago, but someone might face this issue and find this helpful. So the cause is that these orders requires an index to be built at firebase. You should see an error message or warning in the console that the query requires an index. Just click on that link and build the index, after that you should be all set.
Previously got scared of angular bcz every 6 months version bump But now by seeing the features, performance and easy of upgrading to new version Now I am kind of bro when is the new version come 😎
This doesn't sound like it'd work for something like displaying messages if the items need a fixed height as a message could be really long and thus this not working.
sir i've a question.i want to integrate bootstrap admin panel and alse a website.how to seprate admin panel libraries and website libs it should not be conflict ? Thanks in advance
You've given me a great reason to not delay updating my VacationCounts project to Angular 7 as I was dreading introducing paging views. This is much better and more fun. However the best thing I learned from watching your video is that the Firestore database console UI allows filtering a collection by field. I never noticed the filter button above the list of document IDs. I really needed that! I wonder how long it has been there :) Thanks for happening to show that in your excellent video tutorial.
Thanks for the tutorial! This will help with hobby mobile first apps. Can bootstrap be used with CDK? Is it best to just switch to material? Oh, and that hat will look great during the Nebraska winter! May I please have one?
What would be the best approach to set the height of the cdk-virtual-scroll-viewport dynamically? I have managed to achieve this through directive, it works but sometimes virtual-scroll-viewport behaves unpredictably - decreases in height... the height of the scroll bar stays the same height but the number of rendered elements is lower than what it should be
Awesome content! Would the example you have shown work the same way if the list was reversed. Say you have a list of chat messages and you want the user to scroll up to see the previous messages, and they are ordered descending. Would it be as simple as reversing the orderBy?
Can you please slow down a bit? You are going way too fast. I'm still processing and bam you go to other 10 things. I love your videos and this is just some criticism to make your content way better. Keep it up.
This video got me on the right track to write my own infinite-scroll w/ the CDK Virtual Scroller. It took 5 minutes and was practically as easy as implementing Ionic's ion-infinite-scroll (which does not work with the CDK scroller at 100vh). Great video! Thank you
Been looking forward to this. Hopefully it's better than the AngularJS Material version. - Support for elements with dynamic height. - Correct height of the scroll container without setting it as a px value for responsive design.
Another great tutorial! How about a video on horizontal scroll? I have a database of people who have been booked into jail, i'd like their previous bookings listed via horizontal scroll.
This came at the best of times. I am working on a project where I need to create an infinite scroll and batch it by an arbitrary number the user may chose. Thank you based angular!
Great! Thank you! I have a question, how can we preserve the state of checkboxes in virtual scroll? On scroll down the list, it resets the state of the previously checked checkboxes.