Handling document.visibilitychange in AngularJS

visibilitychange.js

// See http://megatuto.com/formation-JAVASCRIPT.php?JAVASCRIPT-Examples=handling+document.visibilitychange+in+AngularJS+Categorie+javascript+angularjs&article=1773
angular.module('myApp', [])
    .run(['$rootScope', '$document', function($rootScope, $document) {
        $document[0].addEventListener("visibilitychange", function() {
            $rootScope.$broadcast('$visibilitychange', $document[0].hidden);
        });
    }])
    .controller('UserNavCtrl', ['$scope', '$log',
        function($scope,$log) {
            $scope.$on('$visibilitychange', function(event, data) {
                $log.info('visibilitychange');
                $log.info(data);
            });
        }
]);