Skip to content

DanielKucal/angular-esc

Repository files navigation

angular-esc

Angular 4+ Directive adding (esc) event for escape key press.

Installation

  1. Get it from npmjs (for npm <v5 add --save flag):
npm i angular-esc
  1. Import EscModule into your application:
import { EscModule } from 'angular-esc';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, EscModule],
  bootstrap: [AppComponent]
})
class AppModule {}

Usage

@Component({
  selector: 'app',
  template: `
    <div *ngIf="isVisible" (esc)="isVisible = false">I will hide after Escape is pressed</div>
  `
})
export class AppComponent {
  public isVisible: boolean = true;
}

Options

Property name Type Default Description
watchEsc boolean true false value will disable the watcher
stopEscPropagation boolean true By default the event is not propagated further, you can change it here.

About

Angular 4+ Directive adding event for escape key

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published