angular.js: 13294 Fehler: [$ injector: unpr] Unbekannter Provider: cityResourceProvider <- cityResource <- cityListCtrl

Question

Ich arbeite zum ersten Mal mit angularJS und arbeite mit Services und Factories, um einen Web-API-REST-Aufruf zu erstellen. Ich bin derzeit diesen Fehler, bevor der Anruf selbst gemacht:

angular.js:13294 Error: [$injector:unpr] Unknown provider: cityResourceProvider <- cityResource <- cityListCtrl 

app.js

(function() { 
    "use strict"; 

    angular.module("politicalHub",["common.services"]); 

}()); 

common.services.js

(function() { 
    "use strict"; 

    angular.module("common.services", ["ngResource", "ngRoute"]) 
     .constant("appSettings", { 
      serverPath: "http://localhost:49828/" 
     }); 
}); 

cityResource.js

(function() { 
    "use strict"; 

    function cityResource($resource, appSettings) { 
     return $resource(appSettings.serverPath + "api/City"); 
    } 

    angular 
     .module("common.services", []) 
     .factory("cityResource", 
     [ 
      "$resource", 
      "appSettings", 
      cityResource 
     ]); 
}()); 

cityListCtrl.js (Steuerung)

(function() { 
    "use strict"; 
    function cityListCtrl(cityResource) { 
     var vm = this; 

     cityResource.query(function(data) { 
      vm.cities = data; 
     }); 
    } 

    angular 
     .module("politicalHub",[]) 
     .controller("cityListCtrl", 
     ["cityResource", cityListCtrl]); 


}()); 

html

<form> 
       <div ng-controller="cityListCtrl as vm" align="center"> 
        <div class="col-lg-12" style="padding: 0"> 
         <select ng-options="city.city_name for city in cities" ng-model="city.name" class="form-control"> 

         </select> 
        </div> 
       </div> 
      </form> 

Vielen Dank im Voraus!

Answer 1

Diese feste mein Problem nennen lassen:

(function() { 
    "use strict"; 

    var app = angular.module("politicalHub",["common.services"]); 

}()); 

Answer 2

Sie verfehlten common.services.js als IIFE Funktion aufrufen sollte sich

(function() { 
    "use strict"; 

    angular.module("common.services", ["ngResource", "ngRoute"]) 
     .constant("appSettings", { 
      serverPath: "http://localhost:49828/" 
     }); 
})();