Переменная rootScope, применяющая опоздание на две секунды для ng-if

Question

Ниже приведен код app.js

var app = angular.module('inkwiry', [
    'ngSanitize',
    'ui.select',
    'ui.bootstrap',
    'ngCookies',
    'oc.lazyLoad',
    'ngAnimate',
    'ui.bootstrap-slider',
    'duScroll',
    'ui.router',
    'ngResource',
    'jQueryScrollbar',
    'angular-confirm',
    'ngCkeditor',
    'ngScrollbars',
    'angularUtils.directives.dirPagination',
    'ngDragDrop',
    'fixed.table.header',
    'stripe'
]);

app.run(function($rootScope, $state, $location, $window) {

    $rootScope.$on("$stateChangeStart", function(event, toState, toParams, fromState, fromParams) {
        $rootScope.loader = {
            loading: true
        };

        console.log('app start');
    });

    $rootScope.$on("$locationChangeSuccess", function(event, toState, toParams, fromState) {
        $rootScope.loader = {
            loading: false
        };

        console.log('app end');
    });
});

2) index.html

<div id="overlay" class="overlay" ng-if="loader.loading">
    <div class="loading" id="loading">
        <img src="external/img/ripple.svg">
        <h1>Loading, Please wait...</h1>
    </div>
</div>

Я пробовал так много способов, но все еще одни и те же проблемы в локальном, все работает нормально, нона сервере уже поздно.Статус переменной меняется, но ее применение к div происходит через 2-3 секунды.Я удалил ngAnimate также все еще та же проблема.Может ли помочь.