Javascript AngularJS未知提供者
我得到以下错误 未捕获引用错误:未定义poductResourceJavascript AngularJS未知提供者,javascript,angularjs,Javascript,Angularjs,我得到以下错误 未捕获引用错误:未定义poductResource angular.js:12416错误:[$injector:unpr]未知提供程序:productResourceProvider正确的依赖项注释应为: .factory("productResource", ['$resource', productResource]); 请注意,“$resource”是一个字符串。您传递了一些未声明的$resource变量,因此出现了第一个纯javascript引用错误。第二个是Angul
angular.js:12416错误:[$injector:unpr]未知提供程序:productResourceProvider正确的依赖项注释应为:
.factory("productResource", ['$resource', productResource]);
请注意,
“$resource”
是一个字符串。您传递了一些未声明的$resource
变量,因此出现了第一个纯javascript引用错误。第二个是Angular抛出的,因为您从未提供依赖信息。我相信您只是输入了一个错误。将poduct的所有实例更改为product @dfsq我根据您的请求进行了更改并修复了语法错误,我将在稍后更新我的问题。我仍在收到错误消息?@hollyquinn你收到了什么消息?还要确保它是productResource
而不是poductResource
。我确实纠正了拼写错误。我收到的错误消息是Uncaught ReferenceError:poductResource未定义。js:12416错误:[$injector:unpr]未知提供程序:productResourceProvider如果你修复了拼写,你怎么会得到Uncaught ReferenceError:poductResource
?哦,它修复了。非常感谢你。我不得不重新加载页面。很抱歉。你是一种生活方式。我得注意那些打字错误谢谢。我确实改了打字错误。我仍然收到错误消息。你能编辑原始帖子,使第一位代码与其他代码一起显示吗?我想你只需要把它缩进4个空格。
(function () {
"use strict";
angular
.module("productManagement")
.controller("ProductListCtrl", ['productResource', ProductListCtrl]);
function ProductListCtrl(productResource) {
var vm = this;
productResource.query(function (data) {
vm.products = data;
});
vm.showImage = false;
vm.toggleImage = function () {
vm.showImage = !vm.showImage;
}
}
}());
(function () {
"use strict";
angular
.module("common.services", ["ngResource"]);
}());
(function () {
"use strict";
angular
.module("common.services")
.factory("productResource", ['$resource', productResource]);
function productResource($resource) {
return $resource("/api/products/:productId")
}
}());
(function () {
"use strict";
var app = angular.module("productResourceMock", ["ngMockE2E"]);
app.run(function ($httpBackend) {
var products = [
{
"productId": 1,
"productName": "Leaf Rake",
"productCode": "GDN-0011",
"releaseDate": "March 19, 2009",
"description": "Leaf rake with 48-inch handle.",
"cost": 9.00,
"price": 19.95,
"category": "garden",
"tags": ["leaf", "tool"],
"imageUrl": "that.jpg"
},
{
"productId": 5,
"productName": "Hammer",
"productCode": "TBX-0048",
"releaseDate": "May 21,2013",
"description": "Curved claw steel hammer",
"cost": 1.00,
"price": 8.99,
"category": "toolbox",
"tags": ["tool"],
"imageUrl": "this.jpg"
}
];
var productUrl = "/api/products"
$httpBackend.whenGET(productUrl).respond(products);
})
}());
.factory("productResource", ['$resource', productResource]);