My current project involves using Angular 1.4, where I have encountered performance challenges with ng-repeat while rendering a large number of rows, such as for tables. I am curious if there is an efficient way to use ng-repeat or explore different iterations to display an array of data in a table format.
Since I only need to output data for a report without any binding requirements, I experimented with techniques like one-time binding but still faced delays (typically taking more than 10 seconds to render 1000 records). I also attempted non-Angular approaches like pre-rendering HTML on the backend and then delivering the HTML rather than the data array. By implementing a custom directive to insert this HTML into the element, I achieved rapid rendering times, even loading 2000 rows within a second, albeit without using Angular.
I am interested in finding a similar performance optimization solution within Angular itself or possibly implementing a comparable method in the controller. Any insights would be greatly valued.