AngularJs: document.body.onfocus внутри контроллера директивы

Question

Я не пытаюсь захватить событие, когда пользователь закрыть или отменить File Upload окна

<input type="file">

Поскольку там нет встроенного в слушателе для близкого события из загрузить файл, я пытаюсь захватить его через document.body.focus событие, что-то вроде одного suggested here

Я получаю его запустить с помощью JavaScript

document.body.onfocus = function() { console.log("hit me") } 

Теперь мне нужно реализовать его в Angular в моей директиве, чтобы я мог поместить логику внутри события focus, используя объекты в контроллере.

Как получить доступ к onfocus событиям document.body внутри углового контроллера?

От @Phil предложение (используя ссылку)

... this is a directive with controller 
angular.directive("addPost", addPost); 

addPost.$inject = ["$document", "$log"]; 

function addPost($document, $log) { 

    return { 
     ... 
     link: link, 
     ... 
    }; 

    function link() { 
     $document.find('body').on('focus', function (e) { 
      $log.debug('HIT ME!'); 
     }); 
    } 

Answer 1

Используйте функцию link/postLink для выполнения операций DOM. Например,

.directive('addPost', ['$document', '$log', function($document, $log) { 
    return { 
     // snip 
     require: 'addPost', 
     link: function postLink(scope, element, attr, addPostCtrl) { 
      // scope is shared with the controller 
      // you can also access properties on the controller itself 
      // via addPostCtrl 
      $document.find('body').on('focusin', function(e) { 
       $log.debug('HIT ME!'); 
      }); 
     } 
    }; 
}]);