Last Updated: February 25, 2016
· belaezsias

AngularJS: auto focus into input field when ng-show event is triggered

I came across the problem of setting the focus on input field when the field was shown conditionally by ng-show directive of AngularJS. I came up with following custom directive to solve the problem:

app.directive('showFocus', function($timeout) {
  return function(scope, element, attrs) {
      function (newValue) { 
        $timeout(function() {
            newValue && element.focus();


<input type="text" ng-show="customcondition" show-focus="customcondition">

2 Responses
Add your response

over 1 year ago ·

Replacing the element with element[0] makes it working.

over 1 year ago ·