angularjs - 以 Angular 方式检测窗口焦点？

Question

有没有一种很好的 Angular 检测窗口焦点的方法？我正在使用 html5 通知，我只想在窗口失焦时触发。

谢谢!

Answer 1

编辑 @CristiBerceanu 是对的——你应该使用内置的 ng-focus 指令。但是，将此答案作为您要绑定(bind)的任何缺失事件的指南。

您必须创建一个指令:

angular
  .module('MyModule', [])
  .directive('onFocus', function(){
    return {
        restrict: 'A',
        scope: {
            'focus': '&onFocus'
        },
        link: function($scope, $element, $attributes) {
            var focus = function(event) {
                $scope.focus({'$event': event});
            };
            $element.on("focus", focus);
            $scope.$on('$destroy', function(){
                $element.off('focus', onClick);
            });
        }
    }
});

注意事件是如何被 jquery 绑定(bind)在指令中的，而不是直接在 Controller 中。此外，请注意绑定(bind)表达式使用 & 绑定(bind)。前缀(可评估的表达式绑定(bind))而不是像 @ 这样的常规前缀(文本绑定(bind))或 = (范围属性引用，双向，绑定(bind))。