0.1.0 • Published 6 years ago

angular-esc v0.1.0

Weekly downloads
14
License
MIT
Repository
github
Last release
6 years ago

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 nameTypeDefaultDescription
watchEscbooleantruefalse value will disable the watcher
stopEscPropagationbooleantrueBy default the event is not propagated further, you can change it here.