Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Angular ng-repeat Benchmark
// Post repeat directive for logging the rendering time
function($timeout) {
return function(scope) {
if (scope.$first)
window.a = new Date(); // window.a can be updated anywhere if to reset counter at some action if ng-repeat is not getting started from $first
if (scope.$last)
console.log("## DOM rendering list took: " + (new Date() - window.a) + " ms");
// Use in HTML:
<tr ng-repeat="item in items" post-repeat-directive></tr>
Copy link

nmccready commented Jan 8, 2015

Copy link

prettycode commented Nov 24, 2015

By using $timeout(), isn't it possible there's a whole lot of processing that has nothing to do with the ng-repeat, that executes before the $timeout() does, thereby making it seem like the ng-repeat takes longer than it does?

For example, between when the $timeout() is created in if (scope.$last) and when the $timeout() actually executes the console.log(), what if some other directive writes 50,000 DOM objects?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment