Question

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

angular.js：13424 TypeError：无法读取属性＆＃39;查询＆＃39;未定义的

我有一个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

您的控制器期望注入以下依赖项：

$scope, productResource

实际上您只注射了"productResource"而不是"$scope", "productResource"

你的控制器应该像这样初始化：

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

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

传入的依赖项的名称需要与控制器函数声明中的参数同步 - 在您注入"productResource"时，它将进入$scope参数。

Answer 2

我刚才有这个问题，花了我几个小时来解决这个问题。

在某些情况下，您需要确保注入"productResource"和"$scope"并按照特定顺序进行操作。让我演示一下：

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

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

上面的代码将始终有效，但如果您按下面所示切换位置，在某些情况下（如上所述），它将无效。

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

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

我从来没有遇到这样的问题，即确保依赖关系以正确的顺序注入到今天。如果在这之后你的代码仍然没有工作，那么问题可能在其他地方我希望这会有所帮助。

获取TypeError：无法读取属性＆＃39;查询＆＃39;未定义的

2 个答案: