How to watch for a keypress combination in Angularjs? [duplicate]

Answer 1

Check out this plunker. I've implemented a simple '2 UP keystrokes in a row' scenario.

You can do it in plain jQuery and communicate the event with a $rootScope.$broadcast.

Register the jQuery code in and Angular run callback (guarantees that angular has already bootstraped):

app.run(function($rootScope) {
  var upHitOnce = false;
  $(document).keyup(function(event) {
    if (event.which == 38) {
      if (upHitOnce) {
        $rootScope.$broadcast('DoubleUpFired');
        $rootScope.$apply();
        upHitOnce = false;
      } else {
        upHitOnce = true;
      }
    } else {
      upHitOnce = false;
    }
  });
});

and then any controller can listen to this event like:

$scope.$on('DoubleUpFired', function() {
    $scope.fired = true;
});

Binding an ng-keydown action callback to body is ok, but has a small disadvantage. It fires a $digest on every keystroke. What you really want is a $digest only when the sequence has been entered when you somehow need to update the UI.

EDIT

See comments on how to remove actual jQuery dependency.