Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Angular ng-repeat Benchmark
// Post repeat directive for logging the rendering time
angular.module('myApp').directive('postRepeatDirective',
['$timeout',
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)
$timeout(function(){
console.log("## DOM rendering list took: " + (new Date() - window.a) + " ms");
});
};
}
]);
// Use in HTML:
<tr ng-repeat="item in items" post-repeat-directive></tr>
@nmccready

This comment has been minimized.

Copy link

nmccready commented Jan 8, 2015

@prettycode

This comment has been minimized.

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
You can’t perform that action at this time.