AngularJS Focus Directive

by Warspawn

HTML

<div ng-app="MyApp">
    <button>Button 1</button>
    <button auto-focus>Button 2</button>
    <button>Button 3</button>
</div>

CSS

button:focus { border: 1px solid red; }

JavaScript

angular.module("MyApp", []).directive("autoFocus", function() {
    return function(scope, el, attrs) {
        el[0].focus();
    }
});