How to set focus on a text input in a list with AngularJS and HTML5

To set focus on a text input in a list, try the following code:

newApp.directive('focus', function () {
   return function (scope, element, attrs) {
      attrs.$observe('focus', function (newValue) {
         newValue === 'true' && element[0].focus();
      });
   }
});

The following is the HTML:

<input type="text" ng-model="cues[$index].text" focus="{{cue.isNewest}}"
class="input-xlarge" />{{cue.isNewest}}

karthikeya Boyini

Updated on: 28-Jan-2020

341 Views

Kickstart Your Career

Get certified by completing the course

Get Started