Angular Mousetrap directives

This is a very crude and probably buggy clone of Angular UI Keypress with Mousetrap under the hood.

Usage

JavaScript:

angular.module('myApp', ['mousetrap']);
...
// Note - it should support any kind of binding that mousetrap supports
$scope.test = {
  'a': function() { console.log('"a" key was pressed'); },
  'b': function() { console.log('"b" key was pressed'); }
}

HTML:

<span mousetrap-keypress="test">Press 'a' or 'b'</span>

Global bindings

Global bindings require Global Binding plugin.

Example usage of global bindings:

$scope.myKeybindings = {
  bindGlobal: {
    'ctrl+s': $scope.saveAction,
    'command+s': $scope.saveAction
  }
  'ctrl+b': $scope.backAction
};

Requirements

• AngularJS v1.0.2+
• Mousetrap v1.4.4+