inject $rootScope in config angularJs
<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>