Cannot set a scope inside document.bind

Question

I'm trying to reset two scopes that defined before on an "esc" keyup event but it apparently does not work when I check out them. $document is defined on my controller's dependencies.

Here is what I've tried:

$document.bind('keyup', function (event) {
    if (event.keyCode == 27) {
        $scope.currentPage = false;
    }
});

I also tried the jQuery way. It doesn't work as well:

jQuery(document).keyup(function (event) {
    if (event.keyCode == 27) {
        $scope.currentPage = false;
    }
});

What am I missing? What's wrong? Thanks in advance!

http://stackoverflow.com/questions/15424910/angularjs-access-scope-from-outside-js-function — adeneo, Apr 24 '16 at 17:44

score 1 · Accepted Answer · answered Apr 24 '16 at 17:53

Use $scope.$apply(function() { ... }); to force the Angular digest cycle to run.

Your code will be:

$document.bind('keyup', function (event) {
  if (event.keyCode == 27) {
    $scope.$apply(function() {
        $scope.currentPage = false;
    });
  }
});

Cannot set a scope inside document.bind

1 Answers1