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

Question

我是第一次使用 angularJS，并与服务和工厂一起创建一个 web api REST 调用。我目前在调用之前收到此错误:

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

应用程序.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/"
        });
});

城市资源.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( Controller )

(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>

提前致谢!

Answer 1

你错过了调用 common.services.js 因为它的 IIFE 函数应该自己调用

(function() {
    "use strict";

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