focus-when.directive.js

(function(){

angular.module('app.directives')
.directive('focusWhen', focusWhen); 
function focusWhen(){

    var directive = {};
    directive.link = link;
    directive.scope = {
      focus_event : '=focusWhen'
    };
    return directive;

    function link(scope, element, attrs){
      if(scope.focus_event){
        scope.$on(scope.focus_event, function() {
            setTimeout(function() {            
              element[0].focus();
              element[0].select();
            }, 10);
        });    
      }
    }
}

})();

// use it as  <div focus-when="the-name-of-your-event" >