我创建了一个服务,使用Web API控制器方法从数据库中提取数据。但是每当我注入该服务并在控制器中调用服务方法时,会显示以下错误:
这是我的AngularJS模块代码:
我尝试了很多次,但无法理解问题实际上出在哪里!错误:[$injector:unpr]未知的提供程序:$scopeProvider < - $scope < - productService http://errors.angularjs.org/1.5.8/$injector/unpr?p0=copeProvider%20%3C-%20%24scope%20%3C-%20productService
这是我的AngularJS模块代码:
var app = angular.module("Demo", ["ngRoute"])
这是我的RouteConfig
app.config(function($routeProvider, $locationProvider) {
$routeProvider.when("/products/details/:id",
{
templateUrl: "Temaplates/details.html",
controller: "productDetailsController"
})
})
这是我的服务:
app.factory('productService',
function($scope, $http, $routeParams) {
return {
getDataById: function() {
alert("Hello I am invoked");
$http({
method: "GET",
url: "http://localhost:43618/api/Products",
params: { id: $routeParams.id }
})
.then(function(response) {
$scope.product = response.data;
})
}
};
});
这是我的AngularJS控制器
app.controller("productDetailsController", function ($scope, $http, $routeParams, $location, productService) {
$scope.message = "Product Details";
$scope.product = productService.getDataById();
})
实际上出了什么问题!!请帮忙!!