angular-autofocus-fix
Angular 2/4 directive for fix autofocus on dynamically created controls (*ngIf
, *ngFor
, etc.).
new version for Angular 5+
Uses HTML native attribute autofocus
as the selector!
There are no custom selectors, no need to change your HTML template.
Works with native DOM. Doesn't use any dependencies(jQuery, etc.).
Installation
To install this library, run:
$ npm install angular-autofocus-fix --save
Quick start
- Import the library in your Angular application, for example in
AppModule
:
;; ; ; // <--- new code
- You can now use autofocus directive in app.component.html
Toggle Input
Advanced examples
Ways to disable autofocus: any js-falsely value, except the empty string
<!-- with data binding --> <!-- undefined value --> <!-- without data binding --> <!-- disabled by default -->
Ways to enable autofocus: any js-true value and empty string
<!-- empty string will enable autofocus, this is default html behavior -->
Development
To generate all *.js
, *.d.ts
and *.metadata.json
files:
$ npm run build
To lint all *.ts
files:
$ npm run lint
License
MIT © Anton Korniychuk