An attribute directive that will trigger focus on an element under specified conditions. It can also be used as a cross-browser replacement for the
View a live demo on Plnkr.
It is available through NPM:
Or, via bower:
focusIf.min.js in your build or directly with a
<script> tag and require the module in your module definition:
To immediately focus an element upon rendering (similar to input
To focus an element when a specified Angular expression becomes truthy:
To focus an element after a specified delay upon rendering:
To focus an element after a specified delay when a specified Angular expression becomes truthy:
Caveat: apply focus multiple times
Like any other Angular directive using a
$watch callback, this directive depends on Angular's model change detection, which can cause trouble when trying to apply focus more than once. Users looking to apply focus to a given element multiple times may find this thread useful.