angularjs - 获取类型错误 : Cannot read property 'query' of undefined

Question

我正在熟悉 AngularJS 并调用 Web API 后端，但我得到了错误

angular.js:13424 TypeError: Cannot read property 'query' of undefined

我有一个 productListController

(function ()
{
"use strict";
angular.module("productManagement").controller("ProductListController", ["productResource", ProductListController]);
function ProductListController($scope, productResource) {

    productResource.query(function (data) {
        $scope.products = data
    });
}
})();

我创建了一个名为 productResource 的服务

(function () {
"use strict";

angular.module("common.services").factory("productResource", ["$resource", "appSettings", productResource])

function productResource($resource, appSettings) {
    return $resource(appSettings.serverPath + "/api/products/:id").query();
}
}());

appSettings 是一个指定路径的常量。

为什么是 query不明确的？

Answer 1

您的 Controller 期望注入(inject)以下依赖项:

$scope, productResource

实际上你只注入(inject)了"productResource"而不是 "$scope", "productResource"
你的 Controller 应该像这样初始化:

angular.module("productManagement").controller("ProductListController", ["$scope", "productResource", ProductListController]);

function ProductListController($scope, productResource) {
    // ...
}

传入的依赖项的名称需要与 Controller 函数声明中的参数同步 - 在您注入(inject)时 "productResource"它进入$scope范围。