Set Focus on 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}}
Updated on: 2020-01-28T08:30:41+05:30

430 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements