title: inject $rootScope in config angularJs
body: <p>I have problem to inject $rootScope in config angularJS, this is my code, but still error, maybe anyone help me how to inject $rootScope in config angularJS. .</p>
  
  <p>thanks.</p>
  
  <pre><code>(function() {
    'use strict';
  
    angular
      .module('uliappApp')
      .directive('angular-loading-bar', ['cfpLoadingBarProvider'])
      .config(cfpLoadingBarProvider);
  
    cfpLoadingBarProvider.$inject = ['cfpLoadingBarProvider', '$rootScope'];
  
    function cfpLoadingBarProvider(cfpLoadingBarProvider, $rootScope) {
      cfpLoadingBarProvider.includeBackdrop = true;
      console.log(rootScope.concessionLoadingScreen);
      cfpLoadingBarProvider.spinnerTemplate = '&lt;div class="loading-bar-container"&gt;'
          + '&lt;div id="loading-bar-spinner"&gt;&lt;div class="spinner-icon"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;';
    }
  })();
  </code></pre>