title: AngularJS $injector:unpr Unknown Provider Error
body: <p>I am trying to create a user profile page. Where User can display and edit their information. </p>
  
  <p>This is my Controller.js </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var userProfileControllers = angular.module("userProfileControllers", []);
  
  userProfileControllers.controller ('userProfileCtrl', ['$scope', '$location', 'localCache', 'customersignup', function ($scope, $location, localCache, customersignup){
  
   var submitProfile = function() {
  
  
   //Bind Scope
   //
   var bindScope = function () {
       $scope.userProfile = customersignup.userProfile; 
   };
  
   var asyncBindScope = function() {
    $scope.$evalAsync(bindScope());
   };
  
   bindScope ();
  
   
  }}]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is my service.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var userProfileServices = angular.module("userProfileServices", []);
  
  userProfileServices.factory("customersignup", function() {
    return {
      userProfile: {fname: "kunal"},
  
      updateProfile: function() {
        var userProfile = this.userProfile;
   
      },
  
    }
     
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>In the HTML, let's say in case of first name I have included ng-model="userProfile.fname" in the input of First Name field. Now, when I am loading the html page, I am getting this error :- 
  <a href="https://docs.angularjs.org/error/" rel="nofollow">https://docs.angularjs.org/error/</a>$injector/unpr?p0=localCacheProvider%20%3C-%20localCache%20%3C-%20userProfileCtrl</p>
  
  <p>Please check the above link, it is from AngularJS official site.</p>