spirosikmd / angular2-focus

Angular attribute directive that gives focus on an element depending on a given expression 🔎
MIT License
21 stars 3 forks source link
angular angular2 directive focus

angular2-focus

Angular attribute directive that gives focus on an element depending on a given expression.

Build Status version PRs Welcome All Contributors Greenkeeper badge

Install

npm install --save angular2-focus

Example

import {NgModule, Component} from '@angular/core';
import {FocusModule} from 'angular2-focus';

@Component({
  template: `
    <input type="text" focus="true">
  `
})
class AppComponent { }

@NgModule({
  imports: [FocusModule.forRoot()],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

Check the docs for examples using @angular/forms and other third party libraries such as @ng-bootstrap/ng-bootstrap, to focus elements when e.g. using a modal.

Contributors

Thanks goes to these wonderful people (emoji key):


Spyros Ioakeimidis

💬 💻 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!