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

496 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements