Angular JS Focus Directive

angular-focus-directive.js

(function(){
  
  /**
   * Emulates ng-show for focus, i.e.:
   * 
   * <input ng-focus="truthyValue">
   * 
   * Setting truthyValue to true focuses said input.
   */
  app.directive('ngFocus', function($timeout){
    return {
      restrict: 'A',
      link: function($scope, $element, $attr){
        $scope.$watch($attr.ngFocus, function(value){
          if(value){
            $timeout(function(){
              if($scope.$eval($attr.ngFocus)){
                $element[0].focus();
              }
            }, 0, false);
          }
        });
      }
    };
  });
  
})();