获取TypeError:无法读取未定义属性的“查询”
获取TypeError:无法读取未定义属性的“查询”
提问于 2016-04-09 16:17:20
我正在熟悉AngularJS并调用Web后端，我得到的错误是
angular.js:13424 TypeError:无法读取未定义属性的“查询”
我有一个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是未定义的？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-04-09 16:55:32
您的控制器期望注入以下依赖项：
$scope, productResource实际上你只注射了"productResource"而不是"$scope", "productResource"
您的控制器应该初始化如下：
angular.module("productManagement").controller("ProductListController", ["$scope", "productResource", ProductListController]);
function ProductListController($scope, productResource) {
// ...
}传递的依赖项的名称需要与控制器函数声明中的参数同步--在注入"productResource"时，它将进入$scope参数。
Stack Overflow用户
发布于 2016-10-24 06:44:57
我之前有过这个问题，我花了几个小时才弄清楚。
在某些情况下，您需要确保注入"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) {
// ...
}直到今天，我还从来没有过这样的问题:确保以正确的顺序注入依赖项。如果在所有这些之后，您的代码仍然无法工作，那么问题可能就在其他地方。
我希望这能帮到你。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36519451
复制相关文章
相似问题
腾讯云开发者
