Add example for component scoped shortcuts about angular2-hotkeys HOT 7 CLOSED

@thekalinga Please find the example code here
(https://github.com/mhussain001/angular2-webpack-starter)

from angular2-hotkeys.

@mhussain001 Can u point me to a class within the other project where you have implemented this.

Also, it has to be documented in this project

from angular2-hotkeys.

@thekalinga Please refer https://github.com/mhussain001/angular2-webpack-starter/blob/master/src/app/app.component.ts

from angular2-hotkeys.

This is the way you register a global hotkey. But, the question talks about binding a hotkey such that the hotkey's life cycle is bound to the lifecycle of the component, not the whole app.

from angular2-hotkeys.

One way to do this is to add(register) and remove(unregister) in each of the component manually in OnInit & OnDestroy where I need component scoped hotkeys, so that the shortcuts are scoped only to the component.

I believe it should be done in a better way where the hotkey framework itself does the removal of this shortcut under the hood by removing the shortcut as soon as the onDestory is called on the component using the service.

I have just added a question in stackoverflow to see if Angular allows us to do this

from angular2-hotkeys.

@thekalinga did you achieve it ? i really need this one.

from angular2-hotkeys.

Yes, OnInit & OnDestroy is the recommended way for creating component scoped hotkeys

from angular2-hotkeys.