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

Question

I use AngularJS with the ng-repeat directive to show an array of objects as a list.

Answer 1

The other proposed answers work OK 9/10 times for me, but soon I was running in "$digest already in progress" fun.

I have a slightly modified version of the previous answers by asgoth and Mark Rajcok. Basically you inject the $timeout dependency and put the focus() call inside of a timeout(...). IIRC ng-focus does the same.

var app = angular.module('cgeers', []);
app.directive('focus', ["$timeout", function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(attrs.focus, function (value) {
                if (value) {
                    $timeout(function() { element[0].focus(); });
                }
            });
        }
    };
}]);