我是AngularJS的新手。我正在做Adam Freeman的ProAngularJS书中的一个例子,但遇到了这个错误。
Error: [$injector:pget] Provider 'function ()' must define $get factory method.
我现在必须创建一个Cart Widget和一个摘要部分视图。AngularJS试图加载Cart模块时抛出上述错误。
以下是来自Chrome开发工具的部分错误消息。在这一点上,作者没有提到任何关于$get函数或提供程序的内容。不知道我做错了什么。请帮忙。
Uncaught Error: [$injector:modulerr] Failed to instantiate module sportsStore due to:
Error: [$injector:modulerr] Failed to instantiate module cart due to:
Error: [$injector:pget] Provider 'function ()' must define $get factory method.
http://errors.angularjs.org/1.2.23/$injector/pget?p0=function%20()
购物车小部件代码。
angular.module("cart", [])
.factory( function() {
var cartData = [];
return {
addProduct: function (id, name, price) {
var addedToExistingItem = false;
for (var i = 0; i < cartData.length; i++) {
if (cartData[i].id == id) {
cartData[i].count++;
addedToExistingItem = true;
break;
}
}
if (!addedToExistingItem) {
cartData.push({
count: 1, id: id, price: price, name: name
});
}
},
removeProduct: function (id) {
for (var i = 0; i < cartData.length; i++) {
if (cartData[i].id == id) {
cartData.splice(i, 1);
break;
}
}
},
getProducts: function () {
return cartData;
}
}
})
.directive("cartSummary", function (cart) {
return {
restrict: "E",
templateUrl: "components/cart/cartSummary.html",
controller: function ($scope) {
var cartData = cart.getProducts();
$scope.total = function () {
var total = 0;
for (var i = 0; i < cartData.length; i++) {
total += (cartData[i].price * cartData[i].count);
}
return total;
}
$scope.itemCount = function () {
var total = 0;
for (var i = 0; i < cartData.length; i++) {
total += cartData[i].count;
}
return total;
}
}
}
});
以下是从app.html 调用它的方式
<script>
angular.module("sportsStore", ["customFilters", "cart"]);
</script>
<script src="controllers/sportsStore.js"></script>
<script src="filters/customFilters.js"></script>
<script src="controllers/productListControllers.js"></script>
<script src="components/cart/cart.js"></script>
<body ng-controller="sportsStoreCtrl">
<div class="navbar navbar-inverse">
<a class="navbar-brand" href="#">SPORTS STORE</a>
<cart-summary />
</div>
<div class="alert alert-danger" ng-show="data.error">
Error ({{data.error.status}}). The product was not loaded.
<a href="/sportsstore/app.html" class="alert-link">Click here to try again</a>
</div>
<ng-include src="'views/productList.html'" />
</body>
SportsStore模块代码。。
angular.module("sportsStore")
.constant("dataUrl", "http://localhost:5500/products")
.controller("sportsStoreCtrl", function ($scope, $http, dataUrl) {
$scope.data = {}
$http.get(dataUrl)
.success(function (data) {
$scope.data.products = data;
})
.error( function (error) {
$scope.data.error = error;
});
});
您是否在某个地方有一个定义为"cart"的模块,当您试图定义工厂时,在模块中引用"cart"可能会出现问题。如果你试图引用你的主应用程序,请尝试以下操作:
var main = angular.module("sportsStore", ['cart'])...
然后定义您的购物车工厂尝试:
main.factory('cart', function() {... cart factory code here...})
试试这个在模块[]中删除并且您的模块名称不是cart购物车更改为sportsStore
angular.module("sportsStore")
.factory("cart", function() { ... })
试试你的cart.js文件的代码,因为你的代码与书中的不同:
angular.module("cart", [])
.factory("cart", function () {...}