Angular 4+ Directive adding (esc) event for escape key press.
- Get it from npmjs (for npm <v5 add --save flag):
- Import EscModule into your application:
import { EscModule } from 'angular-esc';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, EscModule],
bootstrap: [AppComponent]
})
class AppModule {}@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;
}
| 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. |