对于ng-if，rootScope变量应用延迟两秒

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>

我已经尝试了很多方法，但在本地仍然存在同样的问题它的工作正常，但在服务器中它来得很晚。 变量的状态正在改变，但它在2到3秒后应用于div。 我已经删除了ngAnimate还有同样的问题。 可以提供一些帮助。