0

I'm having 15,000 rows and want to display all the rows in a single page with or without pagination

Currently we are using ng-repeat and calling push when every record is being iterated.

I come across this link How to improve performance of ngRepeat over a huge dataset (angular.js)?

I don't want to use infinite scrolling as we have search and filters which needs to be done on the same page on the whole data set.

Could you please some suggestion or how to improve the peformance? Currently it takes a minute to load the records.

Thanks.

Community
  • 1
  • 1
Java Dev
  • 13
  • 3
  • https://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/ – Gourav Garg Oct 25 '16 at 16:42
  • Try using one time binding `{{:: }}` where ever possible to reduce the number of watchers; this might help a bit with performance. Also use `ng-if` instead of `ng-hide` in case you have used it _just for the sake of hiding/showing details_ – Developer Oct 25 '16 at 16:55
  • Anyway, you should be going for pagination as 15000 records are not at all readable. – Developer Oct 25 '16 at 17:02

1 Answers1

0

You can use limitTO filter, which will limit the dataset that needs to be displayed on the view,

And have a scroll event or button to load more results

 <div ng-repeat="datobj in data | limitTo:1000">{{datobj}}</div>
Sajeetharan
  • 216,225
  • 63
  • 350
  • 396