title: Injecting services/constants into provider in Angularjs
body: <p>The problem here is I am able to access the getRoutes(), but I am unable to access the injected constant -"configuration". What am I missing? Thanks.</p>
  
  <pre><code>(function () {
      'use strict';
  
      var app = angular.module('app');
  
      app.constant('configuration', {
         PARTIAL_PATH: "/app/components/partials"
      });
  
      app.module('app', [
          'routeService'
      ]);
  
      var routeServiceModule = angular.module('routeService', ['common']);
  
      routeServiceModule.provider('routeConfig',function () {
  
      this.getRoutes = function () {
          return [
              {
                  url: '/login',
                  config: {
                      title: 'admin',
                      templateUrl: 'app/components/login/login.html'
                  }
              }, {
                  url: '/',
                  config: {
                      templateUrl: 'app/components/dashboard/dashboard.html',
                      title: 'Dashboard'
                  }
              }
          ];
      };
  
      this.$get = ['configuration', function (configuration) {
  
          var service = {
              getRoutes: getRoutes(),
              configuration: configuration.PARTIAL_PATH
          };
  
          return service;
      }];
  
  app.config(['$routeProvider', 'routeConfigProvider', function ($routeProvider, routeConfigProvider) {
          //Unable to get the configuration value
          console.log(routeConfigProvider.configuration);
         //Console is returning as "undefined"
          routeConfigProvider.getRoutes().forEach(function(r) {
              $routeProvider.when(r.url, r.config);
          });
          $routeProvider.otherwise({ redirectTo: '/' });
      }
  ]);
  })();
  </code></pre>
  
  <p>Created a plunkr demo : <a href="http://plnkr.co/edit/2TIqgxMxBJEPbnk2Wk6D?p=preview" rel="nofollow">http://plnkr.co/edit/2TIqgxMxBJEPbnk2Wk6D?p=preview</a></p>