Angular ng-repeat Benchmark

post-repeat-directive.js

// 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>

Forked what you did here:
https://gist.github.com/nmccready/9d564782608d7c83aacf

thanks

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?