显示非XHR请求的角度加载栏

Question

我正在使用角度加载条（angular-load-bar）来显示所有XHR请求以显示加载指示符。但是，如何显示非XHR请求的加载栏。 例如，我想在页面导航时显示加载栏。

我尝试按以下方式将其包含在运行块中，但加载图标未显示。

.run(['cfpLoadingBar',function ( cfpLoadingBar) {
   $rootScope.$on('$stateChangeStart', function(event) {        
    cfpLoadingBar.start();
  });
   $rootScope.$on('$stateChangeSuccess', function(event) {       
    cfpLoadingBar.complete();
  });
}]);