Callback on ng-repeat end

Shows a simple directive that can be used to call a method when ng-repeat ends

HTML

<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://code.angularjs.org/1.2.0-rc.3/angular-route.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<div ng-controller="MyCtrl" >
    <h1>{{isRunning ? 'Running...' : 'Finished'}}</h1>
    <button type='button' ng-click='longRunning()'>Do Work</button>
</div>

JavaScript

(function () {      

    angular.element(document).ready(function () {
        var app = angular.module('myApp', []);
        
        app.controller("MyCtrl", function($scope, $timeout){
        
            function doWork(){
                var i = 0,
                    str = "";
                
                for(;i<10000000;i++){
                    str = i + "";
                }
                
                console.log('done');
            }
            
            $scope.isRunning = false;
            $scope.longRunning = function(){
                $scope.isRunning = true;
                
                $timeout(function(){
                    doWork();
                }).then(function(){
                    $scope.isRunning = false;
                });
            };
            
        });
        
        angular.bootstrap(document, ['myApp']);
    });


}());