angular-keycombo is an angular directive that takes an input[text] element and turns it into a solution for configurable keybinding. When users press a combination of keys inside the element it will display the combination in a format usable by most keybinding libraries like Mousetrap.
<input type="text" key-combo ng-model="combos.sobmoc" />