Angular focus directive

FocusDirective.js

function FocusDirective() {
  return {
    restrict: 'A',
    require: 'ngModel',
    link: function (scope, element, attrs, ctrl) {
      // add inputCtrl to scope
      scope[ctrl.$name + 'InputCtrl'] = ctrl;
      ctrl.$focused = false;
      ctrl.enableEvents = true;
      element.bind('focus', function (evt) {
        if (ctrl.enableEvents) {
          scope.$apply(function () {
            ctrl.$focused = true;
          });
        }
      }).bind('blur', function (evt) {
        if (ctrl.enableEvents) {
          scope.$apply(function () {
            ctrl.$focused = false;
          });
        }
      });

      // watch for $focused change
      scope.$watch(ctrl.$name + 'InputCtrl.$focused', function () {
        if (ctrl.$focused) {
          setTimeout(function () { // $apply is probably in progress, run this code later
            ctrl.enableEvents = false; // avoid cycles
            element[0].focus();
            ctrl.enableEvents = true;
          }, 0);
        }
      });
    }
  }
}