如何使用AngularJS在服务中调用$ http.get（）
我想在控制器中注入服务。 该服务将返回$ http.get（）方法。
错误：[$ injector：unpr] http://errors.angularjs.org/1.6.4/$injector/unpr?p0=JsonFilterProvider%20%3C-%20JsonFilter
请建议我的代码有什么问题？
<script>
var app = angular.module("myApp", []);
app.controller("myCntlr", ['$scope', 'myhttpService', function ($scope, myhttpService) {
$scope.myHttpMessage = myhttpService.httpGetService();
}]);
app.service("myhttpService", ['$http', '$scope', function ($http, $scope) {
this.httpGetService = function () {
console.log("httGetService");
$http.get('https://reqres.in/api/users').then(function (successResponse) {
console.log("http Get");
return successResponse;
}, function (errorResponse) {
console.log("http Get Error");
return errorResponse
});
};
}]);
</script>
<div ng-app="myApp" ng-controller="myCntlr">
<p>Http Message:{{myHttpMessage|Json}}</p>
</div>
实际的问题是你没有得到你的服务的回应。 所以json过滤器会抛出一个错误
<p>Http Message:{{myHttpMessage | json}}</p>
确保你用返回命令从服务中返回结果。
return $http.get('https://reqres.in/api/users').then(function (successResponse)
你不能在服务中注入$scope 。 这是不允许的。 相反，你可以从服务器返回承诺并在控制器内部处理这样的事情。
app.service("myhttpService",['$http', function ($http) {
this.httpGetService = function () {
return $http.get('https://reqres.in/api/users');
}
}]);
app.controller("myCntlr", ['$scope', 'myhttpService', function ($scope, myhttpService) {
myhttpService.httpGetService().then(function(response){
$scope.myHttpMessage = response.data;
}, function(error){
//do something on failure
});
}]);