Angular.js Error: Unknown provider: CompanyProvider<- Company

ERROR:

Error: Unknown provider: CompanyProvider <- Company

Anguar.js throws this kind of error related to the Model (here it is Company) name / module name.

FIX:

 1. Check the defined model is existing in the Models folder , in the mmmm.Json file and check the Model Name.

{
  "name": "Company", 
  "base": "PersistedModel",
  "idInjection": true,
  "properties": {
    "name": {      "type": "string",      "required": true    }
    }

 2. Check the resources file created by $resource for the model name.

 3. If you are using "Add New" form, make sure use a unique empty object name for that.

     like, instead 'Company' or 'company' - use 'newCompany' that help avoid miss matching local objects with Model references.

.controller('AddCompanyController', ['$scope', 'Company', '$state', function($scope, Company,  $state) {
 
    $scope.newCompany= {}; //------> scope object 
    
    Company     // ----> Model
      .find()
      .$promise
      .then(function(newCompany) {
//        
      });
 
    $scope.submitForm = function() {       
      Company
        .create({          
        name     :$scope.newCompany.name})

 4. Look for name conflicts in the code you might have mismatched same name ignoring case sensitive references.
 5. In case of Module or Service make sure it is referred (defined) before you could use them.
 6. Check for the variable cross reference in the developer tool - > Sources - Scope Variables panel.
 7. You will have to do lots of mapping between Model - Scope Variable - Html element bindings , So, keep it simple and distinct .