Skip to content

Instantly share code, notes, and snippets.

@mlynch
Last active August 24, 2022 15:03
Show Gist options
  • Star 84 You must be signed in to star a gist
  • Fork 9 You must be signed in to fork a gist
  • Save mlynch/dd407b93ed288d499778 to your computer and use it in GitHub Desktop.
Save mlynch/dd407b93ed288d499778 to your computer and use it in GitHub Desktop.
AngularJS Autofocus directive
/**
* the HTML5 autofocus property can be finicky when it comes to dynamically loaded
* templates and such with AngularJS. Use this simple directive to
* tame this beast once and for all.
*
* Usage:
* <input type="text" autofocus>
*
* License: MIT
*/
angular.module('utils.autofocus', [])
.directive('autofocus', ['$timeout', function($timeout) {
return {
restrict: 'A',
link : function($scope, $element) {
$timeout(function() {
$element[0].focus();
});
}
}
}]);
@joryschmidt
Copy link

wonderful, thank you sir

@jeponkz
Copy link

jeponkz commented Sep 18, 2020

how to add autofocus conditionally? so if expression is true add "autofocus" attribute.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment