AngularJS safe $apply (prevent "Error: $apply already in progress")

gistfile1.js

$scope.safeApply = function(fn) {
  var phase = this.$root.$$phase;
  if(phase == '$apply' || phase == '$digest')
    this.$eval(fn);
  else
    this.$apply(fn);
};

// OR

function safeApply(scope, fn) {
  var phase = scope.$root.$$phase;
  if(phase == '$apply' || phase == '$digest')
    scope.$eval(fn);
  else
    scope.$apply(fn);
}

i have issue
somethims this.$root.$$phase is undefined

route.js:806 Uncaught TypeError: Cannot read property '$$phase' of null
    at p.$rootScope.safeApply

change like this?

angular.module('ng').run(['$rootScope', function($rootScope) {
    $rootScope.safeApply = function(fn) {
        
        if (this.$root && this.$root.$$phase) {
            var phase = this.$root.$$phase;
            if (phase == '$apply' || phase == '$digest') {
                if (fn && (typeof(fn) === 'function')) {
                    fn();
                }
            } else {
                this.$apply(fn);
            }
        } else {
            $scope.$apply(fn);
          
        }

    };
}]);