var directives = angular.module('my.directives',[]);

var app = angular.module('testApp',['my.directives']);

​

app.controller('testCtrl',function($scope){

  console.log('in testCtrl');

  $scope.table = {

    rows: [

      1,2,3,4

    ] 

  };

});

​

angular.module('my.directives')

.controller('myTableCtrl', function($scope, $element, $attrs) {

    console.log('in table Ctrl');

            var self = this;

            $scope.tableUID = $attrs.tableId;

            self.tableLoaded = function(){

                console.log("Table Loaded");

            };

            console.log('tableUID' + $scope.tableUID);

            $scope.$on('repeat-done-' + $scope.tableUID, function(event,args){

              console.log('in catcher function');

                self.tableLoaded();

            });

})

​

.directive('myTable', function() {

    return {

        restrict: 'EA',

        controller: 'myTableCtrl as myTable'

    };

})

​

.directive('repeatDone', function($timeout) {

        return {

            restrict: 'EA',

            link: function(scope, element, attrs) {

              console.log('in directive');

                var targetUID = attrs.target;

              console.log(targetUID);

                if (scope.$last) {

                    $timeout(function(){

                      console.log('repeat-done now');//scope.$eval(attrs.repeatDone);

                        scope.$emit('repeat-done-' + targetUID,{});

                    });

                }

            }

        };

    });