An angular directive/service for giving focus to elements with a tabIndex

focus-directive.js

(function() {
    var app = angular.module('mcbFocus', [])
        .directive('focusOn', function() {
            return function(scope, elem, attr) {
            	if(attr.tabIndex === undefined){
            		elem.attr('tabindex', -1);
		}
                scope.$on('focusOn', function(e, name) {
                    if (name === attr.focusOn) {
                        elem[0].focus();
                    }
                });
            };
        })
        .factory('focus', function($rootScope, $timeout) {
            return function(name) {
                $timeout(function() {
                    $rootScope.$broadcast('focusOn', name);
                });
            }
        });
})();